/* Xshna.css Documentation — Flagship refresh · Version 1.0.0-beta.2
   Docs-only presentation. Does not modify the framework distribution. */
:root{--xsh-doc-navy:#153a65;--xsh-doc-blue:#24598b;--xsh-doc-ink:#162c45;--xsh-doc-muted:#62768b;--xsh-doc-rule:#e1e9f0;--xsh-doc-saffron:#f99a37;--xsh-doc-green:#138a5b}
html{scroll-padding-top:105px}
.xsh-doc-body{--xsh-doc-ink:#152e48;--xsh-doc-quiet:#667c91;--xsh-doc-line:#e3eaf1;--xsh-doc-brand:#153a65;background:#fff;color:#152d47;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-feature-settings:"ss01" on;overflow-x:clip}
.xsh-doc-body::before{content:"";height:3px;position:fixed;inset:0 0 auto;z-index:301;background:linear-gradient(90deg,#f99a37 0 33.33%,#f8f9fa 33.33% 66.66%,#16865c 66.66%)}
.xsh-doc-body :focus-visible{outline:3px solid #3f80c4!important;outline-offset:3px}
.xsh-doc-body .xsh-skip-link{position:fixed;top:-120px;left:16px;z-index:9999;padding:12px 18px;border-radius:10px;background:#153a65;color:white!important;font-size:13px;box-shadow:0 12px 36px #153a6538}
.xsh-doc-body .xsh-skip-link:focus{top:18px}
.xsh-doc-header{height:76px!important;top:3px!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 4px 26px rgba(16,55,89,.045)!important;border-bottom:1px solid #e7edf3!important;padding:0 clamp(17px,2.8vw,45px)!important}
.xsh-doc-header .xsh-doc-brand{gap:10px;font-size:20px!important;font-weight:830;letter-spacing:-.95px;min-width:0;color:#18395d!important}
.xsh-doc-header .xsh-doc-logo{width:36px;height:36px;background:#153a65;transform:none;border-radius:11px;font-size:19px;box-shadow:0 5px 14px #153a6518}
.xsh-doc-header .xsh-doc-version{margin-left:7px;background:#ecf3f8;border:1px solid #dbe8f1;color:#37658b;font-size:10px;letter-spacing:.02em;border-radius:6px;padding:5px 8px}
.xsh-doc-header .xsh-doc-brand-dot{color:#3473a9}
.xsh-doc-head-actions{gap:clamp(8px,1.8vw,26px)}
.xsh-doc-header .xsh-doc-top-link{font-size:12px;letter-spacing:.01em;font-weight:690;color:#56708a!important}
.xsh-doc-header .xsh-doc-top-link:hover{color:#153a65!important}
.xsh-doc-header .xsh-doc-search-button{height:43px;width:clamp(200px,21vw,325px);min-width:200px;max-width:325px;background:#f6f9fb;border:1px solid #dde7ef;border-radius:11px;padding:0 13px;color:#6e8298;gap:10px;box-shadow:none;transition:border-color .2s,background .2s}
.xsh-doc-header .xsh-doc-search-button:hover{background:#fff;border-color:#a8c3d8}
.xsh-doc-header .xsh-doc-search-button kbd{border-radius:5px;color:#5f7590;border-color:#e2eaf1;background:white}
.xsh-doc-header .xsh-doc-mobile-nav{border:1px solid #dce6ee;border-radius:10px;background:#f7fafc;min-height:40px;padding:8px 12px;font-size:12px;color:#153a65;cursor:pointer}
.xsh-doc-layout{grid-template-columns:264px minmax(0,1fr) 210px;min-height:calc(100dvh - 79px)}
.xsh-doc-sidebar{background:#fbfcfe!important;border-right:1px solid #e6edf3!important}
.xsh-doc-sidebar-scroll{top:79px!important;max-height:calc(100dvh - 79px)!important;padding:22px 16px 35px;overscroll-behavior:contain;scrollbar-color:#d8e6ef transparent}
.xsh-doc-sidebar-brand{padding:14px 11px 15px!important}
.xsh-doc-sidebar-brand strong{font-size:18px!important;letter-spacing:-.6px;color:#183e65}
.xsh-doc-sidebar-brand p{color:#7890a6!important;font-size:11px!important;line-height:1.7}
.xsh-doc-sidebar-tiny{font-size:9px!important;letter-spacing:1.6px!important;color:#5281a2!important}
.xsh-doc-overview{background:#edf5fb!important;color:#153a65!important;border:1px solid #deebf4;border-radius:10px!important;padding:12px 13px!important;margin:13px 0 15px!important;font-size:12px!important}
.xsh-catalog-nav{display:grid;gap:7px;margin-bottom:19px!important}
.xsh-catalog-nav a{border:1px solid #e0eaf2!important;background:#fff!important;border-radius:9px!important;font-weight:730;color:#426b91!important;padding:10px 11px!important}
.xsh-doc-nav-group{margin:0!important;border-top:1px solid #e9eef3;padding:7px 0 8px}
.xsh-doc-nav-group h3{margin:0!important;padding:0!important;font-size:10px;letter-spacing:1.1px;color:#617d97;font-weight:850}
.xsh-doc-nav-group>.xsh-doc-nav-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;background:transparent;border:0;color:#627b94;min-height:35px;text-align:left;padding:6px 10px;border-radius:8px;cursor:pointer;font-size:10px;text-transform:uppercase;letter-spacing:1.05px;font-weight:800}
.xsh-doc-nav-group>.xsh-doc-nav-toggle:hover{background:#edf4f9;color:#1c4a73}
.xsh-doc-nav-toggle svg{width:13px;height:13px;flex:none;transition:transform .18s}
.xsh-doc-nav-group[data-xsh-doc-collapsed="true"]>.xsh-doc-nav-toggle svg{transform:rotate(-90deg)}
.xsh-doc-nav-group[data-xsh-doc-collapsed="true"]>.xsh-doc-nav-link{display:none}
.xsh-doc-nav-link{font-size:12px!important;line-height:1.45!important;border-radius:9px!important;padding:9px 12px!important;margin:2px 0!important;color:#5e7286!important;transition:background .16s,color .16s}
.xsh-doc-nav-link:hover{background:#eef5fa!important;color:#194e79!important}
.xsh-doc-nav-link.xsh-doc-current,.xsh-doc-nav-link[aria-current="page"]{background:#eaf3fa!important;color:#153a65!important;font-weight:780!important;box-shadow:inset 3px 0 #2e76ae}
.xsh-doc-sidebar-filter{margin:3px 0 15px;position:relative}
.xsh-doc-sidebar-filter label{font-size:10px;font-weight:800;letter-spacing:.1em;color:#748ba0;text-transform:uppercase;display:block;margin-bottom:8px}
.xsh-doc-sidebar-filter input{width:100%;height:40px;min-width:0;border:1px solid #dce7ef;border-radius:9px;background:white;padding:0 12px;color:#183b5d;font-size:12px;font-weight:500;font-family:inherit;outline:none}
.xsh-doc-sidebar-filter input:focus{border-color:#4e91c2;box-shadow:0 0 0 3px #4e91c219}
.xsh-doc-sidebar-empty{color:#899bad;font-size:11px;padding:12px 6px;display:none}
.xsh-doc-sidebar-filter[data-xsh-empty="true"] .xsh-doc-sidebar-empty{display:block}
.xsh-doc-main{background:#fff;min-width:0}
.xsh-doc-main-inner{max-width:1130px!important;padding:clamp(34px,3.5vw,64px) clamp(22px,3.8vw,65px) 90px!important}
.xsh-doc-breadcrumb{font-size:10px;letter-spacing:1.1px!important;color:#8297aa!important;margin-bottom:27px}
.xsh-doc-heading{border-bottom:1px solid #e2eaf1;padding-bottom:34px;margin-bottom:42px}
.xsh-doc-heading h1{font-size:clamp(36px,3.75vw,56px)!important;line-height:1.08;letter-spacing:-.055em!important;color:#163755;margin:17px 0 16px;font-weight:820}
.xsh-doc-heading p{color:#657d93!important;max-width:65ch;line-height:1.77;font-size:clamp(14px,1.17vw,16px)!important}
.xsh-ref-overline,.xsh-doc-overline{color:#2c6797!important;font-size:10px!important;letter-spacing:1.6px!important}
.xsh-ref-meta{border:0!important;background:transparent!important;padding:0!important;margin:18px 0 0!important;display:flex;gap:13px;align-items:center;flex-wrap:wrap}
.xsh-ref-meta span:first-child{padding:7px 11px!important;background:#edf5fa;border:1px solid #dce9f3;border-radius:30px;color:#2a618d;font-size:10px;font-weight:750}
.xsh-ref-meta span:last-child{font-size:11px;color:#8ca0af}
.xsh-doc-section{scroll-margin-top:105px;margin:45px 0 57px}
.xsh-doc-section h2{font-size:clamp(22px,2vw,30px)!important;line-height:1.2;letter-spacing:-.042em!important;color:#183a59;margin-bottom:17px;font-weight:800}
.xsh-doc-section>p,.xsh-ref-head p{font-size:14px!important;line-height:1.85!important;color:#667e92!important;max-width:76ch}
.xsh-ref-head{margin:0 0 22px!important}
.xsh-ref-head h2{margin:10px 0 11px!important}
.xsh-ref-stage{border:1px solid #dbe7ef!important;border-radius:17px!important;box-shadow:0 15px 44px rgba(25,65,101,.045)!important;background:#fff!important;overflow:hidden}
.xsh-ref-stage-top{min-height:52px;align-items:center;display:flex;padding:11px clamp(16px,2vw,25px)!important;border-bottom:1px solid #e5edf4!important;background:#f5f9fc!important;gap:12px;flex-wrap:wrap}
.xsh-ref-stage-top>span{font-size:10px!important;color:#66849a!important}
.xsh-ref-stage-top>span:first-child{font-weight:780;color:#356b92!important}
.xsh-ref-stage-top>span:last-of-type:not(:first-child){margin-left:auto}
.xsh-ref-device-controls{display:inline-flex;gap:3px;margin-left:auto;background:#eaf1f7;padding:3px;border-radius:8px;border:1px solid #dce7f0}
.xsh-ref-device-controls button{font-size:10px;min-width:57px;padding:6px 9px;cursor:pointer;border:0;background:transparent;color:#5e7a91;border-radius:6px;font-weight:700}
.xsh-ref-device-controls button:hover{color:#153a65}
.xsh-ref-device-controls button[aria-pressed="true"]{background:#fff;color:#153a65;box-shadow:0 1px 4px #1a4e7517}
.xsh-ref-stage-content{padding:clamp(20px,2.9vw,36px)!important;min-width:0!important;max-width:100%;transition:max-width .3s ease;background:#fff;display:grid;gap:14px}
.xsh-ref-stage[data-xsh-preview-width="phone"] .xsh-ref-stage-content{max-width:390px;margin-inline:auto;border-inline:1px solid #edf2f6}
.xsh-ref-stage[data-xsh-preview-width="tablet"] .xsh-ref-stage-content{max-width:730px;margin-inline:auto}
.xsh-ref-stage .xsh-btn,.xsh-doc-demo .xsh-btn{transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}
.xsh-ref-stage .xsh-btn:active,.xsh-doc-demo .xsh-btn:active{transform:translateY(1px)}
.xsh-ref-code-head{margin-top:0!important;padding:12px 18px!important;background:#f8fafc;border:1px solid #e3eaf1;border-top:0;border-radius:0 0 12px 12px}
.xsh-ref-code-head span{color:#8296a9!important;font-size:10px;font-weight:770;letter-spacing:.75px}
.xsh-ref-copy,.xsh-doc-copy{background:#fff!important;border:1px solid #d4e2ed!important;color:#285b84!important;border-radius:8px!important;padding:9px 13px!important;cursor:pointer;font-size:11px;font-weight:740;min-height:35px}
.xsh-ref-copy:hover,.xsh-doc-copy:hover{border-color:#91b4cf!important;background:#edf6fb!important}
.xsh-ref-code,.xsh-doc-code{color:#243c54!important;background:#f6f9fc!important;border:1px solid #e3edf4!important;padding:24px!important;border-radius:10px!important;max-width:100%;max-height:460px;overflow:auto;font:12px/1.83 ui-monospace,SFMono-Regular,Consolas,monospace!important;tab-size:2;white-space:pre;scrollbar-color:#c1d4e3 transparent}
.xsh-ref-code{border-radius:0 0 10px 10px!important}
.xsh-ref-appendix{margin-top:50px!important}
.xsh-ref-table{border:1px solid #dce8f1!important;border-radius:12px;overflow:auto}
.xsh-ref-table th{background:#f5f9fc!important;color:#587a93!important;text-transform:uppercase}
.xsh-ref-table tr:hover td{background:#fafcfe}
.xsh-ref-guidance-grid article{background:#f9fbfd!important;border-radius:12px!important;border:1px solid #e3ebf2!important;padding:23px!important}
.xsh-ref-guidance-grid h3{color:#163b5a!important}
.xsh-ref-related-grid a{background:#fff!important;border-radius:12px!important;padding:20px!important;transition:transform .2s,box-shadow .2s}
.xsh-ref-related-grid a:hover{transform:translateY(-2px);box-shadow:0 10px 25px #153a650d}
.xsh-doc-note{background:#eef6fb!important;border-color:#367aa8!important;border-radius:0 10px 10px 0!important}
.xsh-doc-demo{border-radius:15px!important;background:#fdfefe!important;border:1px solid #dee9f1!important;box-shadow:0 9px 28px #153a6508!important}
.xsh-doc-toc{top:79px!important;height:calc(100dvh - 79px)!important;background:#fff;overflow:auto;padding:42px 17px 30px!important;border-left:1px solid #e8edf2!important;scrollbar-width:thin}
.xsh-doc-toc-label{font-size:10px;color:#6f8aa1!important;font-weight:800;letter-spacing:1.1px}
.xsh-doc-toc a{font-size:11px!important;line-height:1.5;padding:8px 10px;margin:2px 0!important;border-left:2px solid transparent;color:#758ca0!important;border-radius:0 7px 7px 0}
.xsh-doc-toc a:hover{background:#f5f9fc;color:#2f6790!important}
.xsh-doc-toc a.xsh-ref-active{border-left-color:#2d74a8;color:#153a65!important;background:#f1f7fb;font-weight:750}
.xsh-doc-footer{padding:24px clamp(20px,3vw,44px)!important;background:#fbfcfe;border-top:1px solid #e2eaf1!important;color:#71899b!important;font-size:11px!important}
.xsh-doc-footer .xsh-doc-powered{display:inline-flex;align-items:center;gap:9px;font-size:10px;white-space:nowrap}
.xsh-doc-footer .xsh-doc-powered img{height:20px;width:auto;max-width:68px;object-fit:contain}
.xsh-doc-next{background:#f6f9fc!important;border:1px solid #e0eaf2!important;border-radius:13px!important;gap:20px}
.xsh-doc-next a{color:#24618f!important}
.xsh-premium-doc-home{color:#153652}
.xsh-premium-doc-visual{border-radius:21px!important;box-shadow:0 26px 63px rgba(21,58,101,.10)!important}
.xsh-premium-doc-section{padding-top:90px!important}
.xsh-premium-path-grid a,.xsh-premium-tools-grid a{border-radius:14px!important;box-shadow:none!important}
.xsh-premium-path-grid a:hover,.xsh-premium-tools-grid a:hover{box-shadow:0 15px 37px #153a650b!important}
.xsh-doc-search-dialog{width:min(680px,calc(100vw - 32px));max-height:min(83dvh,760px);border:1px solid #d6e5f0;border-radius:18px;box-shadow:0 40px 110px rgba(11,41,70,.25);padding:22px;background:#fff;color:#143858;inset:12vh 0 auto;margin:auto}
.xsh-doc-search-dialog::backdrop{background:rgba(10,35,61,.43);backdrop-filter:blur(5px)}
.xsh-doc-search-dialog .xsh-command-input{height:48px;background:#f5f9fc;border:1px solid #d6e5ef;border-radius:10px;padding-inline:16px;font-size:14px;width:100%;color:#153a65}
.xsh-doc-search-results{max-height:52dvh;overflow:auto;padding:10px 0}
.xsh-doc-search-results .xsh-doc-search-result{display:grid;gap:4px;padding:13px 14px;border-radius:10px;transition:background .15s}
.xsh-doc-search-results .xsh-doc-search-result:hover,.xsh-doc-search-results .xsh-doc-search-result[aria-selected="true"]{background:#edf5fa}
.xsh-doc-search-results .xsh-doc-search-result strong{font-size:13px;color:#153a65}
.xsh-doc-search-results .xsh-doc-search-result small{font-size:11px;color:#738a9b;line-height:1.5}
.xsh-doc-search-hint{color:#8599aa;margin:7px 3px 5px;font-size:11px}
.xsh-doc-sidebar-backdrop{display:none}
/* Semantic message variants: explicit appearance prevents collision with late default component rules */
.xsh-doc-body .xsh-alert{background:#eaf4ff!important;border:1px solid #c2def8!important;border-left:4px solid #286fb5!important;color:#184c7b!important;border-radius:11px!important;padding:16px 18px!important;display:flex;flex-wrap:wrap;align-items:flex-start;gap:5px 10px}
.xsh-doc-body .xsh-alert strong{color:inherit!important}
.xsh-doc-body .xsh-alert p{flex-basis:100%;color:inherit!important;margin:3px 0 0!important;line-height:1.65!important}
.xsh-doc-body .xsh-alert.xsh-alert-success,.xsh-doc-body .xsh-alert[data-xsh-variant="success"]{background:#e4f7ec!important;border-color:#a8dfbd!important;border-left-color:#16834a!important;color:#135c38!important}
.xsh-doc-body .xsh-alert.xsh-alert-warning,.xsh-doc-body .xsh-alert[data-xsh-variant="warning"]{background:#fff3dc!important;border-color:#efd39c!important;border-left-color:#bb7b12!important;color:#80510b!important}
.xsh-doc-body .xsh-alert.xsh-alert-danger,.xsh-doc-body .xsh-alert[data-xsh-variant="danger"],.xsh-doc-body .xsh-alert[data-xsh-variant="error"]{background:#ffe8eb!important;border-color:#f5bdc6!important;border-left-color:#c23b52!important;color:#922438!important}
.xsh-doc-body .xsh-alert.xsh-alert-info,.xsh-doc-body .xsh-alert[data-xsh-variant="info"]{background:#eaf4ff!important;border-color:#c2def8!important;border-left-color:#286fb5!important;color:#184c7b!important}
.xsh-doc-body .xsh-alert-close{margin-left:auto;background:transparent;border:0;color:inherit;padding:3px 8px;border-radius:6px;cursor:pointer}
.xsh-doc-body .xsh-badge-success{background:#dff6e8!important;color:#176d40!important;border-color:#a8dfbd!important}
.xsh-doc-body .xsh-badge-warning{background:#fff0d1!important;color:#925e0d!important;border-color:#efd39c!important}
.xsh-doc-body .xsh-badge-danger{background:#ffe4e9!important;color:#a32840!important;border-color:#f4bfc8!important}
.xsh-doc-body .xsh-badge-info{background:#e3f1ff!important;color:#21639f!important;border-color:#b8d7f0!important}
.xsh-doc-body .xsh-toast[data-xsh-variant="success"],.xsh-doc-body .xsh-toast.xsh-toast-success{background:#e4f7ec!important;color:#125d37!important;border:1px solid #a7ddb9!important}
.xsh-doc-body .xsh-toast[data-xsh-variant="warning"],.xsh-doc-body .xsh-toast.xsh-toast-warning{background:#fff2dc!important;color:#865511!important;border:1px solid #efd3a0!important}
.xsh-doc-body .xsh-toast[data-xsh-variant="danger"],.xsh-doc-body .xsh-toast.xsh-toast-danger{background:#ffe7eb!important;color:#952c42!important;border:1px solid #f0bcc5!important}
.xsh-doc-body .xsh-toast[data-xsh-variant="info"],.xsh-doc-body .xsh-toast.xsh-toast-info{background:#eaf4ff!important;color:#205f96!important;border:1px solid #c1ddf5!important}
.xsh-doc-alert-demo-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:12px 0 16px}
.xsh-doc-alert-demo-tools span{font-size:12px;color:#6e8496}
.xsh-doc-alert-demo-tools button{border:1px solid #d6e5ef;background:#fff;color:#1f5b8b;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:700;font-family:inherit;cursor:pointer}
.xsh-ref-stage-content .xsh-alert{position:relative}
.xsh-ref-stage-content .xsh-alert>p{width:100%}
.xsh-doc-demo-status{margin-top:15px;min-height:33px;padding:9px 12px;font-size:11px;color:#396a89;border:1px solid #dce9f3;background:#f5f9fc;border-radius:8px}
.xsh-doc-demo-status[hidden]{display:none!important}
.xsh-doc-demo-status strong{color:#153a65}
.xsh-doc-body .xsh-ref-stage .xsh-dropdown .xsh-menu{z-index:25}
@media(max-width:1360px){.xsh-doc-layout{grid-template-columns:252px minmax(0,1fr)!important}.xsh-doc-toc{display:none}}
@media(max-width:860px){.xsh-doc-header{height:68px!important}.xsh-doc-layout{display:block!important}.xsh-doc-sidebar{position:fixed!important;top:71px!important;left:0!important;bottom:0!important;width:min(320px,85vw)!important;max-height:none!important;z-index:290!important;transform:translateX(-105%);transition:transform .23s ease;box-shadow:14px 0 40px transparent;visibility:hidden}
.xsh-doc-sidebar.xsh-doc-show{transform:translateX(0);visibility:visible;box-shadow:14px 0 50px #1238582e}
.xsh-doc-sidebar-scroll{position:static!important;height:100%!important;max-height:none!important;overflow-y:auto}
.xsh-doc-sidebar-backdrop{display:block;position:fixed;inset:71px 0 0;z-index:280;background:rgba(14,43,66,.39);border:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .23s,visibility .23s;width:100%}
.xsh-doc-body.xsh-doc-menu-open .xsh-doc-sidebar-backdrop{opacity:1;visibility:visible;pointer-events:auto}
.xsh-doc-body.xsh-doc-menu-open{overflow:hidden}
.xsh-doc-main-inner{padding:36px clamp(20px,4.5vw,38px) 72px!important}
.xsh-doc-header .xsh-doc-top-link{display:none!important}
.xsh-doc-header .xsh-doc-search-button{min-width:42px!important;width:42px!important;max-width:42px!important;justify-content:center;padding:0!important}
.xsh-doc-header .xsh-doc-search-button span,.xsh-doc-header .xsh-doc-search-button kbd{display:none!important}
.xsh-doc-header .xsh-doc-brand{font-size:17px!important;min-width:0;white-space:nowrap}
.xsh-doc-header .xsh-doc-version{display:none!important}
.xsh-doc-header .xsh-doc-mobile-nav{display:inline-flex!important;align-items:center;justify-content:center}
.xsh-ref-stage-content{padding:21px!important}
.xsh-ref-stage-top{gap:8px}
.xsh-ref-stage-top>span:last-of-type:not(:first-child){display:none}
}
@media(max-width:580px){.xsh-doc-header{padding:0 14px!important}.xsh-doc-header .xsh-doc-logo{width:32px;height:32px;font-size:17px;border-radius:9px}.xsh-doc-header .xsh-doc-brand{font-size:16px!important;gap:7px}.xsh-doc-header .xsh-doc-mobile-nav{min-height:38px;padding:7px 9px}
.xsh-doc-main-inner{padding:28px 17px 65px!important}.xsh-doc-heading h1{font-size:clamp(34px,9vw,43px)!important;letter-spacing:-.05em!important}.xsh-doc-section{margin:33px 0 45px}
.xsh-ref-stage-top{padding:10px!important}.xsh-ref-stage-top>span:first-child{font-size:9px!important}.xsh-ref-device-controls{margin-left:auto}.xsh-ref-device-controls button{min-width:40px;padding:6px;font-size:9px}.xsh-ref-stage-content{padding:15px!important}
.xsh-ref-guidance-grid,.xsh-ref-related-grid,.xsh-ref-formgrid,.xsh-ref-card-grid{grid-template-columns:1fr!important}
.xsh-ref-code,.xsh-doc-code{font-size:10.5px!important;padding:16px!important;max-height:320px}
.xsh-doc-footer{flex-wrap:wrap;gap:12px}.xsh-doc-next{flex-direction:column;align-items:flex-start}
.xsh-doc-search-dialog{padding:16px;inset:6vh 0 auto}
.xsh-premium-doc-copy h1{font-size:clamp(42px,11vw,56px)!important}
}
@media(prefers-reduced-motion:reduce){.xsh-doc-body *,.xsh-doc-body *::before,.xsh-doc-body *::after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}

/* Preview action acknowledgment: visible even when users are at the top of long pages. */
.xsh-doc-body>.xsh-doc-demo-status{position:fixed;bottom:22px;left:24px;max-width:min(420px,calc(100vw - 48px));z-index:340;box-shadow:0 18px 45px rgba(19,56,86,.14);font-size:12px;line-height:1.55;padding:13px 16px;background:#163d63;color:#fff;border:1px solid #315c80;border-radius:12px}
.xsh-doc-body>.xsh-doc-demo-status[hidden]{display:none!important}
@media(max-width:580px){.xsh-doc-body>.xsh-doc-demo-status{left:12px;bottom:12px;max-width:calc(100vw - 24px)}}
/* The shipped toast runtime uses data-xsh-type (not data-xsh-variant).
   Keep documented notification severity visually unmistakable. */
.xsh-doc-body .xsh-toast[data-xsh-type="success"]{background:#e4f7ec!important;color:#135d38!important;border:1px solid #a7dfbc!important;border-left:4px solid #16834a!important}
.xsh-doc-body .xsh-toast[data-xsh-type="warning"]{background:#fff2d8!important;color:#82500e!important;border:1px solid #f0d29a!important;border-left:4px solid #bd7c12!important}
.xsh-doc-body .xsh-toast[data-xsh-type="danger"]{background:#ffe6eb!important;color:#972b41!important;border:1px solid #efbbc4!important;border-left:4px solid #c23b52!important}
.xsh-doc-body .xsh-toast[data-xsh-type="info"]{background:#e9f3ff!important;color:#205d94!important;border:1px solid #bad6f2!important;border-left:4px solid #2c75b6!important}
.xsh-doc-body .xsh-toast[data-xsh-type] .xsh-btn{color:inherit!important}
/* HTML's hidden state always wins over preview display utilities. */
.xsh-doc-body [hidden]{display:none!important}