/* Xshna UI docs | purpose-built, self-hosted, no external assets */
:root{--xsh-site-navy:#131e39;--xsh-site-ink:#17233e;--xsh-site-muted:#65728b;--xsh-site-blue:#2854d9;--xsh-site-line:#e7ebf2;--xsh-site-soft:#f7f9fc;--xsh-site-body:#fff;--xsh-site-max:1300px}
html{scroll-behavior:smooth}body{margin:0;background:var(--xsh-site-body);color:var(--xsh-site-ink);font:14px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button,input,textarea{font:inherit}*,*::before,*::after{box-sizing:border-box}::selection{background:#d8e3ff;color:#142653}body.xsh-site-nav-open{overflow:hidden}
.xsh-site-wrap{max-width:var(--xsh-site-max);margin:auto;padding:0 38px}.xsh-site-header{height:77px;position:sticky;top:0;z-index:80;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--xsh-site-line)}.xsh-site-header__inner{height:100%;display:flex;align-items:center;gap:28px}.xsh-site-brand{display:flex;align-items:center;gap:12px;text-decoration:none;white-space:nowrap}.xsh-site-mark{height:36px;width:36px;border-radius:10px;background:#234ed4;color:#fff;display:grid;place-items:center;font-size:20px;font-weight:800;letter-spacing:-.1em;line-height:1;padding:0 4px 2px 0;box-shadow:0 5px 10px #244cd223}.xsh-site-brand__name{font-size:20px;letter-spacing:-.055em;font-weight:780;line-height:1}.xsh-site-brand__suffix{color:#9da8bd;font-weight:580}.xsh-site-header__nav{display:flex;gap:28px;align-items:center;margin-left:40px}.xsh-site-header__nav a{font-size:12px;font-weight:650;text-decoration:none;color:#60708a;transition:color .16s}.xsh-site-header__nav a:hover,.xsh-site-header__nav a[aria-current=page]{color:#214bcb}.xsh-site-header__right{margin-left:auto;display:flex;align-items:center;gap:13px}.xsh-site-version{background:#f4f7fc;color:#557098;border:1px solid #e9edf5;padding:5px 8px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.04em}.xsh-site-search{height:36px;min-width:175px;text-align:left;border:1px solid #e6eaf1;background:#fff;color:#7e8ba3;border-radius:7px;display:flex;align-items:center;gap:9px;padding:0 10px;font-size:12px}.xsh-site-search__key{font-size:10px;background:#f5f7fa;border:1px solid #e9edf3;border-radius:4px;padding:2px 5px;margin-left:auto;color:#8c98ac}.xsh-site-header__cta{background:#192a4e;color:white;border-radius:7px;padding:10px 14px;text-decoration:none;font-size:12px;font-weight:670;white-space:nowrap}.xsh-site-header__cta:hover{background:#2854d9}.xsh-site-hamburger{display:none;border:1px solid #e5eaf2;background:#fff;border-radius:8px;padding:8px 11px;color:#17233e}
/* Home */
.xsh-site-hero{position:relative;overflow:hidden;padding:112px 0 92px;background:radial-gradient(ellipse 47% 55% at 80% 45%,#eff4ff 0%,transparent 100%)}.xsh-site-hero__grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:64px}.xsh-site-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:760;text-transform:uppercase;letter-spacing:.14em;color:#3357b3}.xsh-site-eyebrow::before{content:"";width:17px;height:1px;background:#4773dc}.xsh-site-hero h1{font-size:clamp(52px,5.2vw,81px);line-height:1.045;letter-spacing:-.077em;font-weight:770;margin:26px 0 26px;max-width:720px;color:#13213d}.xsh-site-hero h1 em{font-style:normal;color:#3158d0}.xsh-site-hero__lead{color:#65748d;font-size:16px;line-height:1.85;max-width:470px;margin:0}.xsh-site-hero__actions{margin-top:30px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.xsh-site-action{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;border-radius:7px;font-size:12px;font-weight:700;padding:12px 17px;white-space:nowrap;background:#244ed6;color:#fff;border:1px solid #244ed6;transition:transform .2s,background .2s}.xsh-site-action:hover{background:#1b3fb8;transform:translateY(-1px)}.xsh-site-action--light{background:#fff;color:#233354;border-color:#dfe5f0}.xsh-site-action--light:hover{background:#f7f9ff}.xsh-site-hero__foot{margin-top:34px;display:flex;align-items:center;gap:10px;color:#7e8ba1;font-size:11px}.xsh-site-hero__foot strong{color:#1d315c}.xsh-site-hero__foot i{display:block;width:4px;height:4px;background:#aab7ca;border-radius:50%}
.xsh-site-showcase{position:relative}.xsh-site-showcase__frame{position:relative;background:#fff;padding:16px;border-radius:22px;border:1px solid #dfe7f3;box-shadow:0 40px 85px rgba(33,62,119,.13),0 6px 18px rgba(33,62,119,.04);transform:rotate(-1.1deg)}.xsh-site-showcase__top{display:flex;align-items:center;gap:7px;border-bottom:1px solid #eff2f7;padding:4px 7px 16px}.xsh-site-showcase__top i{width:8px;height:8px;border-radius:50%;background:#ced7e7}.xsh-site-showcase__top span{font-size:10px;color:#8190a7;margin-left:auto;letter-spacing:.04em}.xsh-site-showcase__body{padding:20px 11px 13px}.xsh-site-showcase__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.xsh-site-showcase__head h3{font-size:19px;letter-spacing:-.035em;margin:0}.xsh-site-showcase__head p{font-size:11px;color:#8b96a9;margin:3px 0 0}.xsh-site-showcase__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:17px}.xsh-site-showcase__metric{padding:13px 14px;border-radius:9px;background:#f8faff;border:1px solid #eff2fa}.xsh-site-showcase__metric label{display:block;font-size:10px;color:#8390a8;margin-bottom:6px}.xsh-site-showcase__metric strong{font-size:22px;letter-spacing:-.045em;color:#1c315d}.xsh-site-showcase__chart{height:150px;padding:0 8px 12px;display:flex;align-items:end;gap:9px;border-bottom:1px solid #edf0f6;background:repeating-linear-gradient(to top,transparent 0,transparent 36px,#f1f4f9 37px,#f1f4f9 38px)}.xsh-site-showcase__chart i{height:var(--xsh-site-height);flex:1;border-radius:4px 4px 0 0;background:linear-gradient(#8dadff,#3d68df);opacity:var(--xsh-site-opacity,.86)}.xsh-site-showcase__rows{display:flex;align-items:center;gap:8px;padding:14px 4px 2px}.xsh-site-showcase__pill{border-radius:5px;padding:5px 8px;background:#f4f7fc;color:#667894;font-size:10px}.xsh-site-showcase__floating{position:absolute;left:-45px;bottom:51px;background:#fff;border:1px solid #dce7ee;border-left:3px solid #18a676;box-shadow:0 15px 40px #17233e1c;padding:12px 17px;border-radius:10px;transform:rotate(2deg);font-size:11px;color:#60738b}.xsh-site-showcase__floating strong{color:#22334f;display:block;font-size:12px}.xsh-site-section{padding:96px 0}.xsh-site-section--tint{background:#f8faff;border-top:1px solid #f0f3f9;border-bottom:1px solid #f0f3f9}.xsh-site-section__head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}.xsh-site-section h2{font-size:clamp(31px,3.25vw,47px);line-height:1.14;letter-spacing:-.055em;font-weight:760;margin:14px 0 0;max-width:580px}.xsh-site-section__head p{font-size:13px;color:#75829a;max-width:330px;line-height:1.75;margin:0 0 5px}.xsh-site-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.xsh-site-principle{background:#fff;border:1px solid #e5eaf3;border-radius:13px;padding:25px;min-height:245px;transition:transform .2s,box-shadow .2s}.xsh-site-principle:hover{transform:translateY(-3px);box-shadow:0 16px 35px #122b5810}.xsh-site-principle__icon{width:42px;height:42px;border:1px solid #e6edff;border-radius:10px;background:#f1f5ff;display:grid;place-items:center;color:#2d54c9;margin-bottom:28px;font-size:20px}.xsh-site-principle h3{font-size:17px;letter-spacing:-.025em;margin:0 0 10px}.xsh-site-principle p{font-size:12px;line-height:1.8;color:#79879d;margin:0}
.xsh-site-catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.xsh-site-catalog__item{display:flex;flex-direction:column;gap:17px;padding:19px;min-height:172px;background:#fff;text-decoration:none;border:1px solid #e5eaf3;border-radius:12px;transition:border-color .18s,box-shadow .18s,transform .18s}.xsh-site-catalog__item:hover{border-color:#b5c7f5;box-shadow:0 12px 30px #1d3d7e13;transform:translateY(-2px)}.xsh-site-catalog__symbol{width:37px;height:37px;border-radius:9px;background:#f1f5fd;display:grid;place-items:center;font-size:19px;color:#3152a6}.xsh-site-catalog__item h3{font-size:13px;font-weight:760;margin:0}.xsh-site-catalog__item p{font-size:11px;color:#8290a4;margin:5px 0 0;line-height:1.5}.xsh-site-catalog__arrow{margin-top:auto;color:#3455ba;font-size:14px}
.xsh-site-featureband{background:#162747;color:#fff;padding:72px 0;position:relative;overflow:hidden}.xsh-site-featureband::before{content:"";position:absolute;inset:-60% -30% auto auto;height:500px;width:600px;background:radial-gradient(ellipse,#2f5ee049,transparent 65%)}.xsh-site-featureband__grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;position:relative;align-items:center}.xsh-site-featureband h2{font-size:43px;letter-spacing:-.055em;line-height:1.15;margin:0 0 20px}.xsh-site-featureband p{color:#aabbd9;font-size:13px;line-height:1.8;max-width:440px}.xsh-site-featureband pre{margin:0;background:#10203c;border:1px solid #344663;padding:26px;border-radius:13px;color:#a7ddcf;font:12px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.xsh-site-featureband pre span{color:#a4b4d4}.xsh-site-footer{padding:53px 0 25px;background:#f8faff;border-top:1px solid #e9edf4}.xsh-site-footer__grid{display:grid;grid-template-columns:2.1fr 1fr 1fr;gap:40px}.xsh-site-footer h4{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#78879d;margin:0 0 16px}.xsh-site-footer a{display:block;font-size:12px;text-decoration:none;color:#60718a;margin:9px 0}.xsh-site-footer a:hover{color:#2854d9}.xsh-site-footer__blurb{font-size:12px;line-height:1.75;color:#8290a4;max-width:300px;margin:19px 0 0}.xsh-site-footer__base{margin-top:45px;padding-top:20px;border-top:1px solid #e3e9f2;display:flex;justify-content:space-between;gap:18px;color:#8d99aa;font-size:11px;flex-wrap:wrap}
/* Documentation */
.xsh-site-docgrid{display:grid;grid-template-columns:246px minmax(0,1fr) 160px;max-width:1500px;margin:auto;min-height:calc(100vh - 77px)}.xsh-site-sidebar{border-right:1px solid var(--xsh-site-line);padding:30px 16px 40px 30px;position:sticky;top:77px;height:calc(100vh - 77px);overflow:auto;scrollbar-width:thin}.xsh-site-sidebar__eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#a0acc0;font-weight:760;padding:0 14px;margin:23px 0 8px}.xsh-site-sidebar__eyebrow:first-child{margin-top:0}.xsh-site-sidebar a{display:flex;align-items:center;justify-content:space-between;padding:8px 13px;color:#697991;font-size:12px;font-weight:580;text-decoration:none;border-radius:7px;transition:background .15s}.xsh-site-sidebar a:hover{color:#1e3f96;background:#f4f7fc}.xsh-site-sidebar a[aria-current=page]{color:#214bcc;background:#edf2ff;font-weight:730}.xsh-site-sidebar a span{font-size:10px;color:#aab4c6}.xsh-site-doccontent{max-width:920px;padding:52px 58px 100px;width:100%;min-width:0}.xsh-site-toc{border-left:1px solid var(--xsh-site-line);padding:57px 20px 30px;position:sticky;top:77px;height:fit-content}.xsh-site-toc h4{font-size:10px;color:#9aa7bb;letter-spacing:.12em;text-transform:uppercase;margin:0 0 13px}.xsh-site-toc a{display:block;font-size:11px;color:#8390a5;text-decoration:none;padding:7px 0}.xsh-site-toc a:hover{color:#2752cd}.xsh-site-crumbs{display:flex;align-items:center;gap:9px;font-size:11px;color:#91a0b3;margin-bottom:24px}.xsh-site-crumbs a{color:#718199;text-decoration:none}.xsh-site-doccontent h1{font-size:clamp(34px,3.5vw,48px);line-height:1.12;letter-spacing:-.055em;margin:0 0 16px;font-weight:760;color:#18243d}.xsh-site-doclead{font-size:14px;color:#718098;line-height:1.85;max-width:710px;margin:0 0 34px}.xsh-site-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:22px}.xsh-site-chip{border:1px solid #e4eaf4;padding:5px 9px;border-radius:6px;color:#71809b;font-size:10px;font-weight:670;background:#f9fbfe}.xsh-site-chip--blue{color:#2e58cc;background:#edf2ff;border-color:#dfe7fe}.xsh-site-docsection{padding-top:27px;margin-top:33px;border-top:1px solid #e9edf4;scroll-margin-top:106px}.xsh-site-docsection h2{font-size:21px;letter-spacing:-.04em;margin:0 0 12px;color:#1a2948}.xsh-site-docsection h3{font-size:15px;letter-spacing:-.02em;margin:26px 0 10px}.xsh-site-docsection p{font-size:13px;line-height:1.85;color:#728097}.xsh-site-docsection a{color:#2854d9}.xsh-site-demo{border:1px solid #e1e7f0;border-radius:13px;overflow:hidden;background:#fff}.xsh-site-demo__bar{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #e9edf4;background:#fcfdff}.xsh-site-demo__bar span{display:flex;align-items:center;gap:8px;font-size:11px;color:#728098;font-weight:700}.xsh-site-demo__bar i{width:7px;height:7px;background:#44b78b;border-radius:50%}.xsh-site-demo__bar button{border:1px solid #e6eaf2;border-radius:5px;background:#fff;color:#78879e;padding:5px 10px;font-size:10px;font-weight:700}.xsh-site-demo__stage{padding:36px;min-height:170px;display:flex;align-items:center;justify-content:flex-start;background:radial-gradient(ellipse 60% 120% at 100% 0%,#f7faff,transparent),#fff}.xsh-site-demo__stage--stack{align-items:stretch}.xsh-site-demo__stage>.xsh-stack,.xsh-site-demo__stage>.xsh-grid,.xsh-site-demo__stage>.xsh-table-wrap,.xsh-site-demo__stage>.xsh-card,.xsh-site-demo__stage>.xsh-tabs-wrap,.xsh-site-demo__stage>.xsh-accordion{width:100%}.xsh-site-codehead{display:flex;align-items:center;justify-content:space-between;padding:12px 17px;border-top:1px solid #e7ebf4;border-bottom:1px solid #e7ebf4;background:#f7f9fd}.xsh-site-codehead span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#8492a8}.xsh-site-codehead button{background:#fff;border:1px solid #e0e6f0;border-radius:5px;font-size:10px;font-weight:700;color:#60728d;padding:5px 10px}.xsh-site-code{font:12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;padding:22px;overflow:auto;background:#fcfdff;color:#20375e;margin:0;max-height:340px;tab-size:2;white-space:pre}.xsh-site-reference{width:100%;border-collapse:collapse;font-size:12px}.xsh-site-reference th{text-align:left;color:#7890a7;background:#f7f9fc;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.xsh-site-reference th,.xsh-site-reference td{border-bottom:1px solid #e8edf5;padding:13px 12px;vertical-align:top}.xsh-site-reference td{color:#697b93}.xsh-site-reference code{color:#2452ba;font:11px ui-monospace,monospace;overflow-wrap:anywhere}.xsh-site-docnext{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:45px}.xsh-site-docnext a{display:block;padding:17px 19px;border:1px solid #e4eaf3;border-radius:10px;text-decoration:none;color:#20345a;font-size:13px;font-weight:750}.xsh-site-docnext a:hover{border-color:#a9bef9}.xsh-site-docnext span{display:block;color:#8997ac;font-size:10px;font-weight:650;margin-bottom:4px}.xsh-site-note{background:#f5f8ff;border-left:3px solid #4869c9;padding:16px 19px;border-radius:0 8px 8px 0;color:#657790;font-size:12px;line-height:1.75}.xsh-site-note strong{color:#27488f}.xsh-site-doccards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.xsh-site-doccards a{padding:18px;border:1px solid #e5eaf3;border-radius:10px;text-decoration:none;transition:border-color .17s}.xsh-site-doccards a:hover{border-color:#a7bbf0}.xsh-site-doccards strong{font-size:13px;display:block}.xsh-site-doccards span{font-size:11px;color:#8291a5;line-height:1.5;display:block;margin-top:7px}.xsh-site-tokens{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.xsh-site-token{border:1px solid #e9edf4;border-radius:10px;overflow:hidden}.xsh-site-token__swatch{height:66px;background:var(--xsh-site-color)}.xsh-site-token__name{padding:10px;font-size:10px;color:#708098}
/* Search modal and directory */
.xsh-site-command{width:min(94vw,590px);max-width:590px;border:1px solid #dce4f3;border-radius:15px;padding:0;box-shadow:0 25px 90px #0d1d3f40}.xsh-site-command::backdrop{background:rgba(15,30,57,.45);backdrop-filter:blur(4px)}.xsh-site-command__bar{padding:15px 19px;display:flex;gap:12px;align-items:center;border-bottom:1px solid #e8edf4}.xsh-site-command__bar input{flex:1;border:0;outline:0;font-size:14px;min-width:0;color:#1c304f}.xsh-site-command__bar button{background:#f3f6fb;border:1px solid #e5eaf2;color:#788ba7;border-radius:5px;font-size:10px;padding:5px}.xsh-site-command__results{max-height:380px;overflow:auto;padding:9px}.xsh-site-command__results a{display:flex;gap:11px;align-items:center;text-decoration:none;color:#263b62;padding:11px 12px;border-radius:8px}.xsh-site-command__results a:hover,.xsh-site-command__results a:focus{background:#eef3ff;outline:0}.xsh-site-command__results a b{font-size:12px;font-weight:720}.xsh-site-command__results a span{margin-left:auto;font-size:10px;color:#a3aec1}.xsh-site-command__empty{font-size:12px;color:#8191a8;padding:24px;text-align:center}.xsh-site-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.xsh-site-directory a{border:1px solid #e5eaf2;border-radius:10px;padding:16px;text-decoration:none;display:flex;flex-direction:column;gap:7px}.xsh-site-directory a:hover{border-color:#b5c8f3;background:#fcfdff}.xsh-site-directory b{font-size:13px}.xsh-site-directory p{font-size:11px;color:#7e8ca1;margin:0;line-height:1.6}.xsh-site-directory small{font-size:10px;color:#325ac8;font-weight:720}.xsh-site-directory-filter{width:100%;border:1px solid #dfe6f0;border-radius:8px;padding:13px 16px;font-size:13px;margin-bottom:24px;outline-color:#2854d9}
/* Playground */
.xsh-site-playground{display:grid;grid-template-columns:1fr 1fr;gap:16px;min-height:480px}.xsh-site-playground__editor,.xsh-site-playground__preview{border:1px solid #e1e8f3;border-radius:12px;overflow:hidden}.xsh-site-playground__head{height:43px;background:#f9fbff;border-bottom:1px solid #e8edf4;padding:11px 15px;font-size:11px;font-weight:730;color:#60738e;display:flex;align-items:center;justify-content:space-between}.xsh-site-playground textarea{display:block;width:100%;height:440px;border:0;resize:vertical;outline:0;padding:22px;font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;color:#243a5c;tab-size:2}.xsh-site-playground iframe{width:100%;height:440px;display:block;border:0;background:white}.xsh-site-playground__run{border:0;background:#244ed6;color:#fff;border-radius:5px;padding:6px 10px;font-size:10px;font-weight:750}
@media(max-width:1280px){.xsh-site-docgrid{grid-template-columns:228px minmax(0,1fr)}.xsh-site-toc{display:none}.xsh-site-doccontent{max-width:930px}.xsh-site-header__nav{margin-left:12px;gap:18px}}
@media(max-width:1000px){.xsh-site-wrap{padding:0 26px}.xsh-site-header__nav{display:none}.xsh-site-hero{padding:80px 0}.xsh-site-hero__grid{gap:30px}.xsh-site-showcase__floating{left:-10px}.xsh-site-catalog{grid-template-columns:repeat(3,1fr)}.xsh-site-doccontent{padding:40px 32px 80px}.xsh-site-docgrid{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:760px){.xsh-site-header{height:67px}.xsh-site-wrap{padding:0 20px}.xsh-site-hamburger{display:block}.xsh-site-header__cta{display:none}.xsh-site-header__right{gap:9px}.xsh-site-search{min-width:0;width:37px;justify-content:center;padding:0;font-size:0}.xsh-site-search__key{display:none}.xsh-site-version{display:none}.xsh-site-brand__name{font-size:19px}.xsh-site-hero{padding:64px 0 70px}.xsh-site-hero__grid{grid-template-columns:1fr;gap:56px}.xsh-site-hero h1{font-size:clamp(49px,11vw,69px)}.xsh-site-hero__lead{font-size:14px}.xsh-site-showcase{max-width:550px;margin:auto}.xsh-site-showcase__frame{transform:none}.xsh-site-showcase__floating{left:8px;bottom:-26px}.xsh-site-section{padding:69px 0}.xsh-site-section__head{display:block}.xsh-site-section__head p{margin:13px 0 0}.xsh-site-principles{grid-template-columns:1fr}.xsh-site-principle{min-height:unset}.xsh-site-catalog{grid-template-columns:repeat(2,1fr)}.xsh-site-featureband__grid{grid-template-columns:1fr;gap:26px}.xsh-site-featureband h2{font-size:35px}.xsh-site-footer__grid{grid-template-columns:1fr 1fr}.xsh-site-footer__grid>div:first-child{grid-column:span 2}.xsh-site-docgrid{display:block}.xsh-site-sidebar{position:fixed;top:67px;left:0;bottom:0;width:285px;height:calc(100dvh - 67px);z-index:75;background:#fff;transform:translateX(-110%);transition:transform .2s;box-shadow:10px 0 45px #18243e10}.xsh-site-nav-open .xsh-site-sidebar{transform:translateX(0)}.xsh-site-doccontent{padding:34px 21px 70px}.xsh-site-demo__stage{padding:22px}.xsh-site-doccards,.xsh-site-directory{grid-template-columns:repeat(2,1fr)}.xsh-site-playground{grid-template-columns:1fr}.xsh-site-playground textarea,.xsh-site-playground iframe{height:310px}}
@media(max-width:490px){.xsh-site-hero h1{font-size:45px}.xsh-site-hero__foot{flex-wrap:wrap}.xsh-site-showcase__metrics{gap:5px}.xsh-site-showcase__metric{padding:10px 8px}.xsh-site-showcase__metric strong{font-size:16px}.xsh-site-showcase__chart{height:108px}.xsh-site-showcase__head h3{font-size:16px}.xsh-site-catalog{gap:9px}.xsh-site-catalog__item{padding:13px;min-height:152px}.xsh-site-doccards{grid-template-columns:1fr}.xsh-site-directory{grid-template-columns:1fr}.xsh-site-docnext{grid-template-columns:1fr}.xsh-site-tokens{grid-template-columns:repeat(2,1fr)}.xsh-site-footer__grid{gap:20px}.xsh-site-section h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Extensive catalog navigation and category discoverability */
.xsh-site-sidefilter{display:grid;gap:7px;margin:0 0 17px}.xsh-site-sidefilter>.xsh-site-sidebar__eyebrow{padding:0}.xsh-site-sidefilter input{width:100%;min-width:0;border:1px solid #e0e6f0;background:#f9fbfe;border-radius:8px;padding:10px 11px;font-size:11px;color:#17233e;outline-color:#2854d9}.xsh-site-sidebar-group{border-bottom:1px solid #eff2f6;margin:5px 0}.xsh-site-sidebar-group>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 12px;cursor:pointer;list-style:none;font-size:11px;letter-spacing:.03em;font-weight:750;color:#50607b;border-radius:7px}.xsh-site-sidebar-group>summary::-webkit-details-marker{display:none}.xsh-site-sidebar-group>summary:hover,.xsh-site-sidebar-group[open]>summary{background:#f5f7fc;color:#254cc4}.xsh-site-sidebar-group>summary small{font-size:10px;font-weight:700;color:#96a2b8;letter-spacing:0}.xsh-site-sidebar-group>div{padding:4px 0 8px 8px}.xsh-site-sidebar-group a{font-size:11px;padding:8px 12px}.xsh-site-categories{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 20px}.xsh-site-categories button{display:flex;align-items:center;gap:7px;border-radius:7px;padding:8px 11px;background:#fff;border:1px solid #e3e9f2;color:#64738d;font-size:11px;cursor:pointer;font-weight:670;transition:background .15s,border-color .15s}.xsh-site-categories button[aria-pressed=true]{background:#ebf1ff;color:#244ed8;border-color:#b4c8ff}.xsh-site-categories button span{font-size:10px;color:#9ba8ba}.xsh-site-categories button[aria-pressed=true] span{color:#5878ce}.xsh-site-directory [hidden],.xsh-site-sidebar-group [hidden]{display:none!important}