/* Documentation shell. All components retain the shared Syntari tokens. */
.docs-body{--docs-sidebar:244px;--topbar-inset:46px}.docs-sidebar{position:fixed;inset:0 auto 0 0;width:var(--docs-sidebar);background:var(--background-subtle);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:15}.docs-sidebar .brand{height:94px;flex-shrink:0;padding:0 26px}.docs-sidebar-scroll{overflow:auto;padding:0 18px 28px;scrollbar-width:thin;scrollbar-color:var(--bg-4) transparent}.docs-search{display:flex;align-items:center;gap:9px;margin:0 0 29px;padding:9px 10px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-soft)}.docs-search .icon{width:15px;height:15px;color:var(--muted)}.docs-search input{width:100%;min-width:0;border:0;outline:0!important;background:none;font-size:11px}.docs-search:focus-within{box-shadow:0 0 0 3px var(--accent-soft);border-color:var(--accent)}.docs-search kbd{font:10px var(--font-sans);padding:0 4px;background:var(--subtle);color:var(--muted);border:1px solid var(--border);border-radius:3px}.docs-nav-group{margin-top:24px}.docs-nav-group h2{color:var(--muted);font-size:10px;font-weight:400;padding:0 10px;margin-bottom:8px;display:flex;justify-content:space-between}.docs-nav-link{display:flex;align-items:center;gap:9px;padding:8px 10px;min-height:33px;border-radius:8px;font-size:11px;color:var(--muted);transition:color var(--motion-fast),background var(--motion-fast)}.docs-nav-link:hover{background:var(--bg-a1);color:var(--text)}.docs-nav-link[aria-current=page]{background:var(--bg-a2);color:var(--text)}.docs-nav-link[aria-current=page]:after{content:'';width:4px;height:4px;border-radius:50%;background:var(--accent);margin-left:auto}.docs-nav-link .icon{width:14px;height:14px}.docs-nav-badge{font-size:9px;border-radius:4px;padding:0 4px;color:var(--accent-text);background:var(--accent-soft);margin-left:auto}.docs-sidebar-foot{margin-top:auto;border-top:1px solid var(--border);display:flex;align-items:center;gap:8px;padding:18px 24px;font-size:10px;color:var(--muted)}.docs-sidebar-foot .status-dot{width:5px;height:5px}.docs-sidebar-foot a{margin-left:auto}.docs-sidebar-foot .icon{width:14px;height:14px}.docs-page{margin-left:var(--docs-sidebar);min-width:0}.docs-header{height:auto;min-height:72px;padding:12px 46px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--canvas) 94%,transparent);position:sticky;top:0;z-index:12;backdrop-filter:blur(12px)}.docs-breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px}.docs-breadcrumb a{color:var(--muted)}.docs-breadcrumb .icon{width:12px;height:12px;color:var(--fg-2)}.docs-header .icon-button{width:32px;height:32px;border:0;box-shadow:none}.docs-gallery-link{font-size:11px;color:var(--muted);display:flex;gap:8px;align-items:center}.docs-gallery-link .icon{width:13px;height:13px}.docs-header-divider{height:16px;width:1px;background:var(--border);margin:0 4px}.docs-menu{display:none}.docs-page #docs-main{max-width:1260px;margin:auto;padding:48px 46px 0;min-height:calc(100vh - 170px);outline:0}.docs-loading{color:var(--muted);padding:24px;font-size:12px}.docs-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:44px}.docs-article{min-width:0}.docs-eyebrow{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;margin-bottom:18px}.docs-eyebrow .icon{width:14px;height:14px}.docs-title-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.docs-title-row h1{font-size:34px;letter-spacing:-1.2px;font-weight:500}.docs-file-tag{font:10px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--subtle);padding:5px 9px;border-radius:6px;color:var(--muted);white-space:nowrap}.docs-description{font-size:14px;line-height:1.8;color:var(--muted);max-width:760px}.docs-meta-row{display:flex;gap:14px;align-items:center;font-size:10px;color:var(--muted);margin-top:19px}.docs-meta-row .badge{font-size:10px}.docs-meta-row .status-dot{width:5px;height:5px}.docs-preview-section{margin-top:31px}.docs-preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.docs-tabs{display:inline-flex;position:relative;isolation:isolate;padding:4px;gap:2px;border-radius:999px;background:var(--subtle);width:max-content;max-width:100%}.docs-tabs>button{position:relative;padding:7px 15px;font-size:11px;white-space:nowrap;border-radius:999px;color:var(--muted);transition:background var(--motion-medium),color var(--motion-fast),box-shadow var(--motion-fast)}.docs-tabs>button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-control-hover)}.docs-replay{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);padding:8px}.docs-replay .icon{width:13px;height:13px}.docs-stage{border:1px solid var(--border);border-radius:18px;background:var(--surface);overflow:visible;position:relative;box-shadow:var(--shadow-soft)}.docs-stage-body{display:flex;align-items:center;justify-content:center;min-height:334px;padding:45px 32px}.docs-stage .syntari-component{padding:0;min-height:0;width:100%;max-width:430px;gap:20px;position:relative;isolation:isolate}.docs-stage.is-wide .syntari-component{max-width:100%}.docs-stage.is-wide .docs-stage-body{padding:32px 24px}.docs-stage-foot{border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;color:var(--muted);font-size:10px;background:var(--background-subtle);border-radius:0 0 18px 18px;min-height:53px}.docs-state-picker{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.docs-state-picker button{font-size:10px;padding:5px 10px;border:1px solid transparent;border-radius:999px;color:var(--muted);transition:background var(--motion-fast),box-shadow var(--motion-fast)}.docs-state-picker button[aria-pressed=true]{background:var(--surface);border-color:var(--border);color:var(--text);box-shadow:var(--shadow-soft)}.docs-preview-caption{margin-top:12px;color:var(--muted);font-size:11px;line-height:1.7}.docs-section{padding-top:34px;margin-top:36px;border-top:1px solid var(--border);scroll-margin-top:105px}.docs-section h2{font-size:16px;margin-bottom:14px;letter-spacing:-.2px}.docs-section>p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 18px}.docs-section .docs-tabs{margin-bottom:16px}.docs-code{position:relative;max-width:100%;border:1px solid var(--border);border-radius:14px;background:var(--background-subtle);overflow:hidden}.docs-code-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);font:10px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}.docs-code-heading>span{display:flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere}.docs-code-heading .icon{width:13px;height:13px}.docs-code .docs-copy{flex-shrink:0;padding:5px;border-radius:7px;background:var(--surface);border:1px solid var(--border);width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--muted)}.docs-code pre{margin:0;padding:22px 22px 27px;overflow:auto;max-height:380px;color:var(--text);font:11px/1.95 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;tab-size:2;scrollbar-width:thin}.docs-code.is-long:not(.expanded) pre{max-height:330px;padding-bottom:64px}.docs-code.expanded pre{max-height:none}.docs-expand-wrap{position:absolute;bottom:0;left:0;right:0;height:78px;background:linear-gradient(transparent,var(--background-subtle) 75%);display:flex;align-items:end;justify-content:center;padding:15px;pointer-events:none}.docs-expand-wrap button{pointer-events:auto}.docs-code.expanded .docs-expand-wrap{position:relative;height:56px}.docs-code .code-string{color:#367d91}.docs-code .code-keyword{color:#9960a2}.docs-code .code-comment{color:var(--muted)}.docs-code .code-tag{color:#b06b38}[data-theme=dark] .code-string{color:#9cbfd4}[data-theme=dark] .code-keyword{color:#c4a1dd}[data-theme=dark] .code-tag{color:#dbaa87}.docs-command-tabs{display:flex;gap:3px}.docs-command-tabs button{padding:5px 9px;border-radius:7px;color:var(--muted);font:11px var(--font-sans)}.docs-command-tabs button[aria-selected=true]{background:var(--surface);box-shadow:var(--shadow-soft);color:var(--text)}.docs-install-note{margin-top:13px;font-size:10px;line-height:1.8;color:var(--muted)}.docs-install-note a,.docs-guide a,.docs-preview-caption a{color:var(--accent-text);text-decoration:underline;text-underline-offset:3px}.docs-manual-steps{display:grid;gap:18px}.docs-step-label{font-size:12px;display:flex;align-items:center;gap:10px;margin-bottom:10px}.docs-step-label>span{display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--border);border-radius:50%;font-size:10px;color:var(--muted)}.docs-download{width:max-content}.docs-api{border:1px solid var(--border);border-radius:14px;overflow:auto}.docs-api table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}.docs-api th{font-weight:400;color:var(--muted);background:var(--background-subtle);padding:12px 14px}.docs-api td{padding:16px 14px;vertical-align:top;border-top:1px solid var(--border)}.docs-api td:first-child{width:30%;white-space:nowrap}.docs-api code,.docs-prose code{font:10px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--subtle);padding:3px 5px;border-radius:4px}.docs-api small{display:block;color:var(--muted);font-size:10px;margin-top:6px;line-height:1.8}.docs-api td:last-child{color:var(--muted)}.docs-api-subtitle{font-size:12px;margin:23px 0 12px}.docs-guidance{display:grid;grid-template-columns:1fr 1fr;gap:24px}.docs-guidance h3{font-size:12px;margin-bottom:8px}.docs-guidance p,.docs-prose{color:var(--muted);font-size:12px;line-height:1.9}.docs-token-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.docs-token{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;border-radius:6px;padding:7px 9px;background:var(--subtle);color:var(--muted)}.docs-related{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:36px 0 0}.docs-related a{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border);border-radius:12px;padding:17px;font-size:12px;transition:background var(--motion-fast)}.docs-related a:hover{background:var(--subtle)}.docs-related small{display:block;font-size:10px;color:var(--muted);margin-bottom:6px}.docs-related .icon{width:16px;height:16px;color:var(--muted)}.docs-toc{padding-top:8px;align-self:start;position:sticky;top:110px}.docs-toc p{font-size:10px;color:var(--muted);margin-bottom:16px}.docs-toc a{font-size:10px;display:block;color:var(--muted);padding:7px 0}.docs-toc a:hover{color:var(--text)}.docs-toc .docs-toc-note{margin-top:26px;padding-top:20px;border-top:1px solid var(--border);line-height:1.9;font-size:10px}.docs-footer{max-width:1168px;margin:54px auto 0;padding:24px 46px;display:flex;justify-content:space-between;border-top:1px solid var(--border);color:var(--muted);font-size:10px;gap:14px}.docs-footer>span{display:flex;align-items:center;gap:9px}.docs-index-intro{max-width:610px;margin:10px 0 40px}.docs-index-intro h1{font-size:42px;line-height:1.15;margin:15px 0 18px;letter-spacing:-1.7px}.docs-index-intro p{font-size:14px;color:var(--muted);line-height:1.9}.docs-index-actions{display:flex;gap:10px;margin-top:24px}.docs-index-heading{display:flex;align-items:center;justify-content:space-between;margin:35px 0 18px}.docs-index-heading h2{font-size:15px}.docs-index-heading span{color:var(--muted);font-size:11px}.docs-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.docs-index-card{padding:22px;border:1px solid var(--border);border-radius:15px;transition:background var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast);min-width:0}.docs-index-card:hover{background:var(--background-subtle);box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.docs-index-card>span{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:var(--subtle);color:var(--muted);margin-bottom:24px}.docs-index-card h3{font-size:13px;margin-bottom:8px}.docs-index-card p{font-size:11px;color:var(--muted);line-height:1.8}.docs-index-card small{display:block;margin-top:18px;color:var(--muted);font-size:10px}.docs-library-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}.docs-library-list a{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:14px 0;font-size:11px}.docs-library-list .icon{width:13px;height:13px;color:var(--fg-2)}.docs-guide{max-width:800px}.docs-guide h1{margin-bottom:18px}.docs-guide .docs-section h3{margin:22px 0 10px}.docs-guide ul,.docs-guide ol{padding-left:19px;color:var(--muted);font-size:12px;line-height:2.1}.docs-guide .docs-code{margin:18px 0}.docs-callout{padding:18px 20px;border-radius:12px;background:var(--accent-soft);font-size:12px;color:var(--accent-text);line-height:1.8;margin-top:24px}.docs-state-note{font-size:10px}.docs-result-empty{padding:15px 10px;font-size:11px;color:var(--muted)}.syntari-component{position:relative}.syntari-component.is-docs-disabled{opacity:.55}
@media(min-width:1600px){.docs-page #docs-main{padding-top:62px}.docs-stage-body{min-height:385px}.docs-title-row h1{font-size:38px}}
@media(max-width:1200px){.docs-body{--docs-sidebar:222px;--topbar-inset:32px}.docs-content-layout{grid-template-columns:minmax(0,1fr);gap:0}.docs-toc{display:none}.docs-header{padding:12px 32px}.docs-page #docs-main{padding:38px 32px 0}.docs-title-row h1{font-size:31px}}
@media(max-width:900px){.docs-index-grid,.docs-library-list{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-title-row{align-items:start;flex-direction:column;gap:12px}.docs-title-row h1{font-size:29px}.docs-file-tag{font-size:9px}.docs-stage-body{padding:35px 22px}.docs-preview-toolbar{gap:8px}.docs-tabs>button{padding:7px 12px}.docs-stage-foot{align-items:start;flex-direction:column}.docs-guidance{grid-template-columns:1fr;gap:20px}.docs-footer{flex-direction:column}.docs-index-intro h1{font-size:35px}}
@media(max-width:700px){.docs-body{--docs-sidebar:0px}.docs-sidebar{width:260px;transform:translateX(-100%);transition:transform var(--motion-panel) var(--ease-out);box-shadow:var(--shadow-card-hover)}.docs-body.nav-open .docs-sidebar{transform:translateX(0);inset:62px auto 0 0}.docs-sidebar .brand{height:75px}.docs-menu{display:flex!important}.docs-header{padding:12px 18px}.docs-page #docs-main{padding:28px 20px 0}.docs-breadcrumb{font-size:10px;gap:7px}.docs-gallery-link{display:none}.docs-stage-body{min-height:300px;padding:30px 18px}.docs-stage.is-wide .docs-stage-body{padding:22px 12px}.docs-title-row h1{font-size:30px}.docs-description{font-size:13px}.docs-stage .syntari-component{gap:18px}.docs-code pre{padding:17px;font-size:10px}.docs-code-heading{padding:10px 12px}.docs-replay{font-size:0;gap:0}.docs-replay .icon{width:16px;height:16px}.docs-api{max-width:100%}.docs-api td,.docs-api th{padding:12px 10px}.docs-related{gap:8px}.docs-related a{font-size:11px;padding:13px}.docs-footer{padding:22px 20px;margin-top:38px}.docs-index-grid{grid-template-columns:1fr 1fr;gap:10px}.docs-index-card{padding:17px}.docs-index-card p{font-size:10px}.docs-index-intro h1{font-size:36px}.docs-library-list{grid-template-columns:1fr 1fr;gap:0 16px}.docs-section{scroll-margin-top:82px}.docs-api td:first-child{white-space:normal}.docs-state-note{display:none}}
@media(prefers-reduced-motion:reduce){.docs-body *, .docs-body *:before,.docs-body *:after{transition:none!important;scroll-behavior:auto!important}.docs-index-card:hover{transform:none}}

/* The preview keeps a natural component width without a tall empty stage. */
.docs-stage-body{min-height:280px;padding:40px 32px}
.docs-stage:has([data-extra-kind=action]) .docs-stage-body{min-height:230px}
.docs-stage [data-extra-kind=action]{display:flex;flex-direction:column;align-items:center;text-align:center}
.docs-stage:has(.simple-table) .syntari-component{max-width:100%}
.docs-replay{border:1px solid var(--border);border-radius:999px;padding:7px 11px;transition:background var(--motion-fast),box-shadow var(--motion-fast)}
.docs-replay:hover{background:var(--subtle);box-shadow:var(--shadow-soft)}
@media(max-width:700px){.docs-stage-body{min-height:230px;padding:28px 18px}}

/* One Syntari shell: browse live examples, then read their documentation. */
.docs-header-context{min-width:0}
.docs-breadcrumb{min-width:0}
#docs-crumb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.docs-header-actions{flex-shrink:0}
.docs-view-switch{display:flex;align-items:center;gap:2px;padding:4px;border-radius:var(--radius-control);background:var(--subtle);box-shadow:inset 0 0 0 1px var(--border)}
.docs-view-switch a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:30px;padding:6px 12px;border-radius:var(--radius-control);font-size:11px;color:var(--muted);white-space:nowrap;transition:background var(--motion-fast),color var(--motion-fast),box-shadow var(--motion-fast)}
.docs-view-switch a:hover{color:var(--text)}
.docs-view-switch a[aria-current=page]{background:var(--surface);box-shadow:var(--shadow-control-hover);color:var(--text)}
.docs-view-switch a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.docs-view-switch .icon{width:13px;height:13px}
.docs-nav-badge{font-variant-numeric:tabular-nums}
.docs-gallery{container:syntari-gallery / inline-size}
.docs-gallery-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}
.docs-gallery-intro h1{font-size:34px;letter-spacing:-1px;margin:16px 0 12px;line-height:1.2;text-wrap:balance}
.docs-gallery-intro .docs-description{max-width:560px;font-size:13px;line-height:1.8}
.docs-gallery-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0;padding-bottom:4px}
.docs-gallery-actions .button{min-height:32px}.docs-gallery-actions .button,.docs-gallery .specimen-footer a{justify-content:center}.docs-gallery-actions .button .icon,.docs-gallery .specimen-footer a .icon{flex-shrink:0}
.docs-gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:sticky;top:76px;background:var(--canvas);z-index:8}
.docs-gallery-toolbar>span{color:var(--muted);font-size:11px;white-space:nowrap}
.docs-gallery-search{display:flex;align-items:center;gap:10px;min-width:0;width:320px;max-width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:var(--shadow-soft)}
.docs-gallery-search .icon{width:15px;height:15px;color:var(--muted);flex-shrink:0}
.docs-gallery-search input{width:100%;min-width:0;background:none;border:0;outline:none;box-shadow:none;padding:0;font-size:12px}
.docs-gallery-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.docs-gallery-search kbd{font:10px var(--font-sans);color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:0 5px}
.docs-gallery .component-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.docs-gallery .specimen-head{padding:16px 20px 0;font-size:12px;gap:12px}
.docs-gallery .specimen-head>a:hover{color:var(--accent-text)}
.docs-gallery .specimen-body{padding:32px 24px;min-height:240px}
.docs-gallery .specimen-footer{padding:12px 20px;background:var(--background-subtle);border-radius:0 0 var(--radius-card) var(--radius-card)}
.docs-gallery .specimen-footer a{display:flex;align-items:center;gap:6px;color:var(--muted);min-height:24px;font-size:10px}
.docs-gallery .specimen-footer a:hover{color:var(--accent-text)}
.docs-gallery .specimen-footer a .icon{width:12px;height:12px}
.docs-gallery .screens-heading{display:none}
.docs-gallery .screen-picker{margin-top:8px}
.docs-gallery .foundation-section:first-child{padding-top:8px}
.docs-gallery #empty{text-align:center;padding:64px 16px;color:var(--muted)}
.docs-gallery #empty>.icon{width:24px;height:24px;margin-bottom:16px}
.docs-gallery #empty h2{color:var(--text);font-size:18px;margin-bottom:8px}
.docs-gallery #empty p{font-size:12px;margin-bottom:20px}
@container syntari-gallery (max-width:1000px){.docs-gallery-intro{align-items:flex-start;flex-direction:column;gap:20px}}
@container syntari-gallery (max-width:720px){
 .docs-gallery .component-grid{grid-template-columns:minmax(0,1fr);gap:20px}
 .docs-gallery .component-grid>.specimen{grid-column:auto}
 .docs-gallery-intro h1{font-size:30px}
 .docs-gallery-toolbar{flex-wrap:wrap;gap:10px}
 .docs-gallery-search{width:100%}
 .docs-gallery-toolbar>span{font-size:10px}
 .docs-gallery .specimen-body{padding:28px 20px}
}
@media(max-width:900px){.docs-body{--topbar-inset:18px}.docs-view-switch .icon{display:none}.docs-header{gap:16px}}
@media(max-width:700px){
 .docs-header .docs-breadcrumb{display:none}
 .docs-header{gap:8px;padding:12px 16px}
 .docs-header-actions{gap:8px}
 .docs-header-divider{display:none}
 .docs-view-switch a{padding:7px 10px}
 .docs-gallery-toolbar{top:62px}
 .docs-gallery-intro{margin-bottom:24px}
}

.docs-gallery [data-extra-kind=action]{display:flex;flex-direction:column;align-items:center;text-align:center}
html:has(.docs-body){scroll-padding-top:92px}
/* Syntari restores gallery positions explicitly; skipped specimens must not re-anchor the viewport. */
html:has(.docs-gallery){scroll-padding-top:168px;overflow-anchor:none}
@media(max-width:700px){html:has(.docs-gallery){scroll-padding-top:208px}}

/* Gallery cards keep a stable height so back/forward scroll restoration is exact. */
.docs-gallery .specimen{content-visibility:visible}

/* Library navigation shares the workspace's quiet selection and row rhythm. */
.docs-nav-link { min-height:38px; font-size:12px; gap:10px; border-radius:var(--nav-radius,8px); }
.docs-nav-link .icon { width:18px; height:18px; flex-shrink:0; }
.docs-nav-link[aria-current=page] { background:var(--nav-selected,var(--subtle)); font-weight:500; }
.docs-nav-link[aria-current=page]>.icon { color:var(--accent-text); }
.docs-nav-link[aria-current=page]:after { display:none; }
.docs-nav-group h2 { font-size:11px; line-height:20px; margin-bottom:6px; }
.docs-nav-badge { color:var(--muted); background:var(--bg-a1); font-size:10px; }
.docs-sidebar-scroll { padding-inline:16px; }
.docs-sidebar .brand { font-size:26px; }
.docs-sidebar .brand-mark { width:26px; height:26px; }
.docs-sidebar-foot { min-height:60px; }
.docs-screen-preview { display:inline-flex; align-items:center; gap:8px; min-height:36px; color:var(--muted); font-size:12px; margin-left:auto; padding:8px 12px; border:1px solid var(--border); border-radius:999px; box-shadow:var(--shadow-soft); }
.docs-screen-preview:hover { color:var(--text); background:var(--subtle); }
.docs-screen-preview .icon { width:14px; height:14px; }
@media(pointer:coarse) { .docs-nav-link { min-height:44px; } }
.docs-sidebar { background:var(--nav-surface,var(--background-subtle)); }

/* Syntari energy: responsive brand and hero accents. */
.brand:hover .brand-mark { transform:scale(1.08); }
.docs-gallery-intro h1,.docs-index-intro h1 { position:relative; padding-bottom:.42em; }
.docs-gallery-intro h1::after,.docs-index-intro h1::after { content:""; position:absolute; left:0; bottom:.02em; height:3px; width:58px; border-radius:3px; background:var(--accent); }
.docs-index-card > span { width:34px; height:34px; border-radius:10px; background:var(--sky-a1); color:var(--sky-4); }

/* Library loading skeleton */
.docs-nav-skeleton { display:grid; gap:6px; padding:6px 2px; }
.docs-nav-skeleton .docs-skeleton-label { width:44%; height:10px; border-radius:4px; }
.docs-nav-skeleton .docs-skeleton-link { width:100%; height:33px; border-radius:8px; }
.docs-page-skeleton { display:grid; gap:34px; }
.docs-skeleton-intro { display:grid; gap:14px; justify-items:start; }
.docs-skeleton-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.docs-skeleton-card { height:172px; border-radius:15px; }
@media(max-width:960px){ .docs-skeleton-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:620px){ .docs-skeleton-grid { grid-template-columns:1fr; } .docs-page-skeleton { gap:26px; } }