/* Xshna 1.0.0-beta.2 — precision documentation, no external assets. */
.xsh-doc-body{--xsh-doc-ink:#112b46;--xsh-doc-brand:#153a65;--xsh-doc-quiet:#657d91;--xsh-doc-line:#e5edf3;background:#fff;color:#122b43}
.xsh-doc-header{height:78px;padding-inline:clamp(16px,2.4vw,36px);border-color:#e9eff4;box-shadow:0 6px 26px #0c325608}
.xsh-doc-header .xsh-doc-brand{font-size:21px;font-weight:800;letter-spacing:-1.05px}
.xsh-doc-header .xsh-doc-logo{border-radius:10px;background:#153a65;width:36px;height:36px}
.xsh-doc-version{font-size:10px;background:#eef4f9;color:#385f7e;padding:6px 9px;border-radius:6px}
.xsh-doc-search-button{background:#f6f9fb;border-color:#e5ebf0;min-width:245px}
.xsh-doc-top-link{font-size:12px}
.xsh-doc-layout{grid-template-columns:278px minmax(0,1fr) 216px;min-height:calc(100dvh - 78px)}
.xsh-doc-sidebar{background:#fbfcfd;border-color:#e5edf4}
.xsh-doc-sidebar-scroll{top:78px;max-height:calc(100dvh - 78px);padding:21px 15px 35px}
.xsh-doc-sidebar-brand{padding:13px 13px 18px;display:grid;gap:6px}
.xsh-doc-sidebar-brand strong{font-size:18px;letter-spacing:-.65px;color:#153a65}
.xsh-doc-sidebar-brand p{font-size:11px;line-height:1.6;margin:0;color:#8294a5}
.xsh-doc-sidebar-tiny,.xsh-ref-overline{font-size:10px;letter-spacing:1.6px;font-weight:800;color:#477ba4}
.xsh-doc-overview{margin:3px 4px 25px;border-radius:9px;font-size:12px;padding:12px 14px}
.xsh-doc-nav-group{margin:0 2px 21px;padding-bottom:13px;border-bottom:1px solid #edf1f5}
.xsh-doc-nav-group h3{font-size:10px;font-weight:800;letter-spacing:1.15px;color:#7990a2;margin:0 12px 8px}
.xsh-doc-nav-link{font-size:12px;padding:8px 12px;border-radius:7px;line-height:1.38;color:#61798d!important}
.xsh-doc-nav-link.xsh-doc-current{color:#153a65!important;background:#e8f1f9;font-weight:780}
.xsh-doc-main-inner{max-width:1150px;padding:clamp(32px,4vw,65px) clamp(22px,3.5vw,65px) 90px}
.xsh-doc-breadcrumb{font-size:10px;margin-bottom:29px;color:#899bab}
.xsh-doc-heading{padding-bottom:31px;margin-bottom:43px}
.xsh-doc-heading h1{font-size:clamp(37px,3.6vw,61px);letter-spacing:-.064em;line-height:1.07;color:#102d4a}
.xsh-doc-heading p{color:#657c90;line-height:1.8;font-size:15px}
.xsh-ref-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:27px;font-size:10px;font-weight:730;color:#7790a4}
.xsh-ref-meta span:first-child{background:#eaf2f8;color:#32638a;border:1px solid #dbe8f3;border-radius:999px;padding:6px 10px}
.xsh-doc-toc{top:78px;height:calc(100dvh - 78px);padding-top:37px;overflow-y:auto;scrollbar-width:thin}
.xsh-doc-toc a{font-size:11px;line-height:1.5;margin:0 0 12px;padding-left:9px;border-left:2px solid transparent;color:#77899a}
.xsh-doc-toc a:hover,.xsh-doc-toc a.xsh-ref-active{border-left-color:#153a65;color:#194f75}
.xsh-doc-section{margin:44px 0 56px}
.xsh-doc-section h2{font-size:clamp(21px,2.3vw,28px);letter-spacing:-.04em;color:#173754}
.xsh-doc-section>p{max-width:72ch;font-size:14px;line-height:1.9;color:#6a8092}
.xsh-doc-demo{border-radius:12px;border-color:#e0e9f0;background:#fff}
.xsh-doc-copy,.xsh-ref-copy{cursor:pointer;font-weight:720}
.xsh-ref-showcase{margin:56px 0 70px;scroll-margin-top:104px}
.xsh-ref-head{margin-bottom:21px;max-width:770px}
.xsh-ref-head h2{font-size:clamp(23px,2.7vw,32px);letter-spacing:-.048em;line-height:1.18;margin:13px 0 9px;color:#102e4b}
.xsh-ref-head p{margin:0;color:#637c92;line-height:1.8;font-size:13px}
.xsh-ref-stage{border:1px solid #dae7ef;border-radius:14px 14px 0 0;background:#fff;overflow:hidden;box-shadow:0 15px 36px #183e5a0b}
.xsh-ref-stage-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:13px 21px;background:#f6f9fc;border-bottom:1px solid #e6edf4;font-size:10px;font-weight:750;color:#607f97;letter-spacing:.2px}
.xsh-ref-stage-top span:first-child{display:flex;align-items:center;gap:8px}
.xsh-ref-stage-top i{background:#36a58c;width:6px;height:6px;display:block;border-radius:50%;box-shadow:0 0 0 4px #e0f3ed}
.xsh-ref-stage-content{padding:clamp(22px,3.2vw,36px);min-width:0;overflow-wrap:anywhere;display:grid;gap:15px}
.xsh-ref-stage-content .xsh-ref-flex{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.xsh-ref-stage-content .xsh-btn{white-space:normal}
.xsh-ref-stage-content>.xsh-alert{margin:0}
.xsh-ref-stage-content .xsh-alert p{margin:5px 0 0;font-size:13px;line-height:1.6}
.xsh-ref-code-head{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#122e48;padding:12px 19px;border:1px solid #102d48;border-top:0;color:#aac5d8;font-size:10px;font-weight:760;letter-spacing:1.1px}
.xsh-ref-copy{background:#254967;color:#ecf6fc;border:1px solid #40617c;border-radius:6px;padding:7px 12px;font-size:11px;letter-spacing:0}
.xsh-ref-copy:hover{background:#345e80}
.xsh-ref-code{padding:23px 25px;max-height:265px;overflow:auto;border:1px solid #112e47;border-top:0;border-radius:0 0 12px 12px;background:#0d273c;color:#e1edf7;margin:0;font:11px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre;tab-size:2}
.xsh-ref-card{min-width:min(100%,190px);flex:1 1 185px;max-width:300px}
.xsh-ref-card h3{font-size:16px;margin:18px 0 9px}
.xsh-ref-card p{font-size:12px;color:var(--xsh-text-muted);line-height:1.7;margin:0 0 15px}
.xsh-ref-card a{font-size:11px;color:var(--xsh-primary)}
.xsh-ref-label{color:#64839b;letter-spacing:1.2px;font-size:9px;font-weight:830}
.xsh-ref-wide-card{width:100%;max-width:720px}
.xsh-ref-wide-card .xsh-card-header,.xsh-ref-wide-card .xsh-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.xsh-ref-card-body{padding:18px 0}
.xsh-ref-card-body h3{margin:0 0 8px}.xsh-ref-card-body p{font-size:13px;line-height:1.7;color:var(--xsh-text-muted)}
.xsh-ref-formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.xsh-ref-formgrid .xsh-field{min-width:0;display:grid;gap:7px}
.xsh-ref-formgrid .xsh-field:last-child{grid-column:1/-1}
.xsh-ref-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.xsh-ref-persona-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%}
.xsh-ref-persona{min-width:0;padding:12px;background:#f5f8fb;border:1px solid #e1eaf1;border-radius:9px}
.xsh-ref-persona>span{font:800 9px/1.3 ui-monospace,Consolas,monospace;color:#5e7890;letter-spacing:.8px;display:block;margin-bottom:12px}
.xsh-ref-persona .xsh-card{padding:15px;min-width:0}.xsh-ref-persona .xsh-card p{font-size:11px;line-height:1.6;margin:7px 0 12px}
.xsh-ref-persona .xsh-btn{font-size:11px}
.xsh-ref-motion-pill{padding:10px 12px;border:1px solid #d4e3ef;border-radius:8px;background:#f0f6fb;color:#173a5c;font-size:10px}
.xsh-ref-appendix{scroll-margin-top:102px}
.xsh-ref-appendix>h2{margin:14px 0 16px}
.xsh-ref-table{max-width:100%;overflow:auto;border:1px solid #dfebf2;border-radius:11px}
.xsh-ref-table table{width:100%;border-collapse:collapse;min-width:540px}
.xsh-ref-table th,.xsh-ref-table td{padding:11px 14px;border-bottom:1px solid #edf2f6;text-align:left;vertical-align:top;line-height:1.6;font-size:11.5px;color:#566d81}
.xsh-ref-table th{font-size:10px;color:#5c7a90;background:#f5f9fb;letter-spacing:.5px}
.xsh-ref-table td:first-child{color:#1c527e}
.xsh-ref-table td code{font-size:11px}
.xsh-ref-guidance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:23px}
.xsh-ref-guidance-grid article{background:#f8fafc;padding:24px;border:1px solid #e5edf3;border-radius:10px}
.xsh-ref-guidance-grid h3{font-size:15px;margin:0 0 13px;color:#193c5b}
.xsh-ref-guidance-grid p{font-size:12px;color:#687f91;line-height:1.85;margin:0 0 10px}
.xsh-ref-guidance-grid p:last-child{margin-bottom:0}
.xsh-ref-checklist{display:grid;gap:13px;list-style:none;padding:0;margin:24px 0}
.xsh-ref-checklist li{position:relative;padding:12px 14px 12px 41px;border:1px solid #e3edf3;border-radius:8px;font-size:12px;line-height:1.65;color:#597386}
.xsh-ref-checklist li:before{content:'✓';position:absolute;left:16px;color:#247c65;font-weight:800}
.xsh-ref-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}
.xsh-ref-related-grid a{display:grid;gap:8px;padding:18px;border:1px solid #e0eaf1;border-radius:9px;background:#fff}
.xsh-ref-related-grid a:hover{background:#f6fafc}
.xsh-ref-related-grid strong{font-size:13px;color:#173d60}
.xsh-ref-related-grid span{font-size:10px;color:#758ca0}
/* Premium documentation gateway */
.xsh-doc-body:has(.xsh-premium-doc-home) .xsh-doc-main-inner{max-width:1550px;padding:28px clamp(20px,3vw,55px) 80px}
.xsh-premium-doc-home{color:#102f4a}
.xsh-premium-doc-hero{padding:0 0 25px}
.xsh-premium-doc-hero-top{display:flex;justify-content:space-between;gap:15px;padding:16px 0 25px;font-size:9px;color:#537b99;font-weight:840;letter-spacing:1.2px;border-bottom:1px solid #e7edf3}
.xsh-premium-doc-hero-top>span:first-child{display:flex;align-items:center;gap:8px}
.xsh-premium-doc-hero-top i,.xsh-premium-visual-top i{width:7px;height:7px;background:#36a98e;display:inline-block;border-radius:50%}
.xsh-premium-doc-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.98fr);gap:clamp(26px,3vw,56px);padding:clamp(45px,6vw,92px) 0 45px;align-items:center}
.xsh-premium-doc-copy h1{font-size:clamp(44px,5.2vw,79px);line-height:1.035;letter-spacing:-.073em;font-weight:820;margin:25px 0 25px;max-width:800px}
.xsh-premium-doc-copy h1 em{font-style:normal;color:#356d98}
.xsh-premium-doc-copy>p{font-size:clamp(13px,1.12vw,16px);line-height:1.92;color:#647f93;max-width:59ch}
.xsh-premium-doc-ctas{display:flex;gap:11px;flex-wrap:wrap;margin:29px 0 35px}
.xsh-premium-primary,.xsh-premium-secondary{display:inline-flex;align-items:center;gap:24px;justify-content:center;padding:14px 19px;border:1px solid #153a65;border-radius:8px;font-size:12px;font-weight:760;text-decoration:none!important;min-height:46px}
.xsh-premium-primary{background:#153a65;color:white!important}.xsh-premium-primary:hover{background:#0e2c4d;color:white!important}
.xsh-premium-secondary{color:#153a65!important;background:white;border-color:#d6e2eb}.xsh-premium-secondary:hover{background:#f7fafc}
.xsh-premium-doc-proof{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:9px;letter-spacing:.45px;font-weight:750;color:#7891a5}
.xsh-premium-doc-visual{min-width:0;padding:13px;border-radius:19px;border:1px solid #d9e6ef;background:linear-gradient(132deg,#eef5fa,#e1edf6);box-shadow:0 28px 65px #153a6513}
.xsh-premium-visual-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px 15px;color:#5a7c99;font-size:9px;font-weight:780;letter-spacing:.7px}
.xsh-premium-visual-top span:first-child{display:flex;gap:8px;align-items:center}
.xsh-premium-visual-inner{background:white;border:1px solid #dfe9f0;border-radius:11px;padding:clamp(17px,2.2vw,27px)}
.xsh-premium-window-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid #e9eef3}
.xsh-premium-window-bar strong{font-size:12px;display:flex;align-items:center;gap:10px}
.xsh-premium-window-mark{background:#153a65;color:#fff;display:inline-grid;place-items:center;width:26px;height:26px;border-radius:6px;font-size:13px}
.xsh-premium-window-eyebrow{font-size:9px;font-weight:780;color:#7b98aa;letter-spacing:1.2px;margin:22px 0 9px}
.xsh-premium-visual-inner h2{font-size:clamp(22px,2.4vw,33px);line-height:1.15;letter-spacing:-.05em;margin:0 0 5px;color:#173652}
.xsh-premium-visual-inner>p.xsh-text-muted{font-size:12px;color:#7b8ea0}
.xsh-premium-ui-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:21px 0 19px}
.xsh-premium-ui-stats>.xsh-card{display:grid;gap:8px;border:1px solid #e5edf2;border-radius:9px;padding:17px}
.xsh-premium-ui-stats span{color:#7c92a5;font-size:10px}.xsh-premium-ui-stats strong{color:#153a65;font-size:clamp(20px,2.2vw,28px);letter-spacing:-1px}.xsh-premium-ui-stats small{color:#238866;font-size:10px}
.xsh-premium-window-actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px}
.xsh-premium-preview-controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:13px 2px 2px}
.xsh-premium-preview-controls>span{font-size:9px;color:#5e819a;letter-spacing:1px;font-weight:750;margin-right:6px}
.xsh-premium-preview-controls button{cursor:pointer;background:#fff;border:1px solid #d2e1ec;border-radius:5px;padding:7px 10px;font-size:10px;color:#466a85}
.xsh-premium-preview-controls button[aria-pressed=true]{background:#153a65;color:#fff;border-color:#153a65}
.xsh-premium-doc-numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:33px 0;border-top:1px solid #e1e9ef;border-bottom:1px solid #e1e9ef;gap:12px}
.xsh-premium-doc-numbers>div{display:grid;gap:6px;padding-left:25px;border-left:1px solid #e0eaf1}
.xsh-premium-doc-numbers>div:first-child{border:0;padding-left:0}
.xsh-premium-doc-numbers strong{font-size:clamp(27px,3vw,39px);line-height:1;letter-spacing:-1.7px}
.xsh-premium-doc-numbers span{font-size:11px;color:#7891a4}
.xsh-premium-doc-section{padding:clamp(68px,7vw,120px) 0 24px}
.xsh-premium-section-top{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:21px}
.xsh-premium-section-top>a{color:#336a93!important;font-size:11px;font-weight:730}
.xsh-premium-section-split{display:grid;grid-template-columns:1fr minmax(200px,.69fr);gap:24px;align-items:end;margin-bottom:37px}
.xsh-premium-section-split h2{font-size:clamp(34px,4.2vw,60px);line-height:1.1;letter-spacing:-.06em;margin:0;color:#13304e}
.xsh-premium-section-split h2 em{color:#376d94;font-style:normal}
.xsh-premium-section-split p{font-size:13px;color:#70869a;line-height:1.9;margin:0 0 5px}
.xsh-premium-path-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.xsh-premium-path-grid a{display:flex;flex-direction:column;gap:12px;min-height:260px;padding:26px 22px;background:#fff;border:1px solid #dce7ef;border-radius:11px;transition:transform .18s,box-shadow .18s}
.xsh-premium-path-grid a:hover{transform:translateY(-4px);box-shadow:0 16px 30px #16395a10}
.xsh-premium-path-num{color:#4d82aa;font-size:10px;font-weight:790;letter-spacing:.85px}
.xsh-premium-path-grid strong{font-size:20px;letter-spacing:-.6px;margin-top:17px;color:#183b59}
.xsh-premium-path-grid p{font-size:12px;line-height:1.78;color:#71889c;margin:0}
.xsh-premium-path-grid small{margin-top:auto;font-size:11px;color:#285e84;font-weight:760}
.xsh-premium-sampler{border:1px solid #dae5ed;border-radius:13px;background:#fff;overflow:hidden}
.xsh-premium-sampler-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:19px 25px;background:#f2f7fb;border-bottom:1px solid #e1ebf3}
.xsh-premium-sampler-head strong{font-size:14px;color:#214765}.xsh-premium-sampler-head span{font-size:10px;color:#7390a6}
.xsh-premium-sampler-group{padding:24px 27px;border-bottom:1px solid #e9eff4;display:grid;gap:15px}.xsh-premium-sampler-group:last-child{border:0}
.xsh-premium-sampler-group>span{font-size:10px;font-weight:820;letter-spacing:1px;color:#7495ac}
.xsh-premium-sampler-group .xsh-ref-flex{display:flex;gap:10px;flex-wrap:wrap}
.xsh-premium-sampler-group>a{color:#2f648d!important;font-size:11px;font-weight:750}
.xsh-premium-sampler-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:730px}
.xsh-premium-sampler-fields .xsh-field{display:grid;gap:7px}
.xsh-premium-doc-dark{background:#0e2c46;border-radius:17px;padding:clamp(25px,4vw,56px);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(25px,4vw,58px);align-items:center;color:white}
.xsh-premium-doc-dark .xsh-ref-overline{color:#80b8dc}
.xsh-premium-doc-dark h2{font-size:clamp(34px,4vw,58px);line-height:1.08;letter-spacing:-.06em;color:#fff;margin:18px 0}
.xsh-premium-doc-dark h2 em{font-style:normal;color:#8ebadd}
.xsh-premium-doc-dark p{color:#abc1d1;font-size:13px;line-height:1.85}
.xsh-premium-doc-dark a{color:#d7e9f4!important;font-size:12px;font-weight:740;display:inline-block;margin-top:15px}
.xsh-premium-code-card{border:1px solid #36536c;border-radius:11px;overflow:hidden;background:#0a2134;min-width:0}
.xsh-premium-code-card>div{display:flex;justify-content:space-between;padding:13px 18px;background:#193950;color:#a5c4d9;font-size:11px}
.xsh-premium-code-card button{border:1px solid #4f7189;border-radius:6px;color:#e6f4fa;background:#2b506d;padding:5px 10px;font-size:10px;cursor:pointer}
.xsh-premium-code-card pre{margin:0;overflow:auto;color:#d5e9f5;padding:20px;font:11px/1.9 ui-monospace,Consolas,monospace}
.xsh-premium-tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.xsh-premium-tools-grid>a{padding:23px 20px;display:grid;gap:11px;border:1px solid #e0eaf1;border-radius:10px;background:#f8fafc;min-height:163px}
.xsh-premium-tools-grid span{font-size:11px;color:#6591af;font-weight:800}
.xsh-premium-tools-grid strong{font-size:16px;color:#173958}
.xsh-premium-tools-grid p{font-size:11px;color:#7991a4;line-height:1.65;margin:0}
.xsh-premium-map-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.xsh-premium-map-grid>a{padding:22px 24px;border:1px solid #e0e9ef;border-radius:9px;display:grid;gap:9px}
.xsh-premium-map-grid strong{font-size:14px;color:#193e5e}.xsh-premium-map-grid span{font-size:11px;color:#7390a5}
.xsh-premium-doc-close{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:clamp(28px,4vw,55px);border:1px solid #dce8f1;background:#eaf2f8;border-radius:15px;margin:90px 0 15px}
.xsh-premium-doc-close h2{font-size:clamp(30px,4vw,51px);letter-spacing:-.06em;margin:13px 0;color:#173956;line-height:1.1}
.xsh-premium-doc-close p{font-size:12px;color:#7590a3}.xsh-premium-doc-close>a{background:#153a65;border-radius:8px;padding:14px 18px;color:#fff!important;font-size:12px;font-weight:780;white-space:nowrap}
@media(max-width:1360px){.xsh-doc-layout{grid-template-columns:253px minmax(0,1fr)}.xsh-doc-toc{display:none}}
@media(max-width:1180px){.xsh-premium-doc-hero-grid{grid-template-columns:1fr}.xsh-premium-doc-visual{max-width:760px}.xsh-premium-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.xsh-premium-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.xsh-doc-layout{display:block}.xsh-doc-sidebar{top:78px}.xsh-doc-header .xsh-doc-top-link{display:none}.xsh-doc-sidebar-scroll{top:78px;max-height:calc(100dvh - 78px)}.xsh-doc-body:has(.xsh-premium-doc-home) .xsh-doc-main-inner{padding:24px 20px 65px}.xsh-premium-section-split{grid-template-columns:1fr;gap:14px}.xsh-premium-doc-dark{grid-template-columns:1fr}.xsh-premium-doc-numbers{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}.xsh-premium-doc-numbers>div:nth-child(3){border:0;padding-left:0}.xsh-ref-persona-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.xsh-doc-header{height:70px}.xsh-doc-sidebar{top:70px}.xsh-doc-header .xsh-doc-brand{font-size:17px}.xsh-doc-main-inner{padding:27px 18px 70px}.xsh-doc-heading h1{font-size:38px;letter-spacing:-.05em}.xsh-ref-meta span:last-child{display:none}.xsh-ref-formgrid,.xsh-ref-card-grid,.xsh-ref-guidance-grid,.xsh-ref-related-grid,.xsh-ref-persona-grid,.xsh-premium-sampler-fields{grid-template-columns:1fr}.xsh-ref-stage-content{padding:20px}.xsh-ref-stage-top>span:last-child{display:none}.xsh-ref-code{padding:17px;font-size:10px}.xsh-premium-doc-copy h1{font-size:45px;letter-spacing:-.069em}.xsh-premium-doc-hero-grid{padding-top:45px}.xsh-premium-doc-hero-top>span:last-child{display:none}.xsh-premium-path-grid,.xsh-premium-tools-grid,.xsh-premium-map-grid{grid-template-columns:1fr}.xsh-premium-path-grid a{min-height:180px}.xsh-premium-path-grid strong{margin-top:2px}.xsh-premium-doc-numbers strong{font-size:29px}.xsh-premium-doc-numbers span{font-size:10px}.xsh-premium-doc-section{padding-top:65px}.xsh-premium-doc-visual{padding:8px}.xsh-premium-visual-inner{padding:15px}.xsh-premium-ui-stats>.xsh-card{padding:12px}.xsh-premium-doc-close{display:grid;margin-top:60px}.xsh-premium-doc-close>a{white-space:normal}.xsh-premium-visual-top>span:last-child{display:none}.xsh-premium-doc-ctas>a{width:100%}}
@media(prefers-reduced-motion:reduce){.xsh-premium-path-grid a{transition:none}}
@media(max-width:860px){.xsh-doc-header .xsh-doc-head-actions{gap:9px;min-width:0;flex-shrink:0}.xsh-doc-header .xsh-doc-search-button{width:38px;min-width:38px;max-width:38px;padding:0;justify-content:center}.xsh-doc-header .xsh-doc-search-button span,.xsh-doc-header .xsh-doc-search-button kbd{display:none}.xsh-doc-mobile-nav{white-space:nowrap}.xsh-doc-header .xsh-doc-brand{min-width:0}.xsh-doc-header .xsh-doc-version{display:none}}
/* Cross-reference catalogues. */
.xsh-catalog-nav{display:grid;gap:5px;padding:0 5px 23px;margin:-12px 0 18px;border-bottom:1px solid #e6edf3}
.xsh-catalog-nav>a{padding:10px 12px;background:#f0f6fa;border:1px solid #e2edf4;border-radius:8px;font-size:11px;font-weight:750;color:#285c84!important}
.xsh-catalog-nav>a:hover{background:#e5f0f8}
.xsh-ref-catalog>h1{font-size:clamp(40px,4.4vw,64px);line-height:1.1;letter-spacing:-.06em;margin:17px 0;color:#153854}
.xsh-ref-catalog-lead{font-size:15px;line-height:1.85;color:#657d91;max-width:74ch}
.xsh-ref-catalog-controls{margin:35px 0 16px;display:flex;flex-wrap:wrap;gap:13px;align-items:center;background:#f6f9fc;border:1px solid #deebf2;border-radius:12px;padding:18px}
.xsh-ref-catalog-controls label{font-size:11px;font-weight:750;color:#426e90}
.xsh-ref-catalog-controls input{min-width:160px;flex:1;background:white;border:1px solid #d8e6ee;padding:12px 14px;border-radius:7px;font:13px system-ui;color:#123b5e}
.xsh-ref-catalog-controls span{font-size:11px;color:#7590a3}
.xsh-ref-catalog-explain{font-size:12px;line-height:1.85;color:#678195}
.xsh-ref-catalog-section{margin:54px 0}
.xsh-ref-catalog-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.xsh-ref-catalog-section-head h2{font-size:27px;letter-spacing:-.045em;color:#173b59;margin:0}
.xsh-ref-catalog-section-head a{font-size:11px;color:#3c739b!important;font-weight:780}
.xsh-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.xsh-catalog-item{border:1px solid #e1ebf2;border-radius:10px;display:flex;flex-direction:column;gap:15px;padding:17px;background:#fff;min-width:0}
.xsh-catalog-item[hidden],.xsh-motion-catalog-item[hidden]{display:none}
.xsh-catalog-label{font:700 10px/1.4 ui-monospace,Consolas,monospace;color:#47718e;overflow-wrap:anywhere}
.xsh-catalog-stage{display:grid;place-items:center;align-content:center;min-height:100px;background:#f8fbfd;border-radius:8px;padding:12px;overflow:hidden}
.xsh-catalog-stage .xsh-card{min-width:0;padding:12px;max-width:100%}.xsh-catalog-stage .xsh-card p{font-size:10px;margin:7px 0}
.xsh-catalog-stage .xsh-btn{max-width:100%;white-space:normal}
.xsh-catalog-stage .xsh-alert{font-size:11px}
.xsh-catalog-copy{margin-top:auto;background:#fff;border:1px solid #dce7ef;padding:8px 10px;border-radius:6px;color:#315f83;font-size:11px;font-weight:750;cursor:pointer}
.xsh-ref-motion-stage{margin:25px 0;border:1px solid #dce9f2;border-radius:13px;padding:24px;text-align:center;display:grid;justify-items:center;gap:16px;background:#f9fcfd}
.xsh-ref-motion-preview{display:grid;place-items:center;width:160px;height:108px;background:#153a65;color:white;border-radius:13px;font-size:22px;font-weight:800;letter-spacing:-.8px}
.xsh-ref-motion-stage>p{font-size:12px;color:#567e9a}
.xsh-motion-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:26px 0}
.xsh-motion-catalog-item{border:1px solid #e0eaf2;border-radius:8px;padding:15px;display:grid;gap:12px;min-width:0}
.xsh-motion-catalog-item code{font-size:10px;color:#285e85;overflow-wrap:anywhere}
.xsh-motion-catalog-item>div{display:flex;gap:6px}
.xsh-motion-catalog-item button{background:#eef4f8;border:1px solid #dce8f1;color:#235981;border-radius:5px;padding:7px 9px;font-size:10px;cursor:pointer}
.xsh-motion-catalog-item button:first-child{background:#153a65;color:#fff;border-color:#153a65}
@media(max-width:1050px){.xsh-catalog-grid,.xsh-motion-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.xsh-catalog-grid,.xsh-motion-catalog-grid{grid-template-columns:1fr}.xsh-ref-catalog-controls{display:grid}.xsh-ref-catalog-controls input{min-width:0;width:100%}}