.docs-shell{--docs-border: rgba(148, 163, 184, .24);--docs-card: rgba(255, 255, 255, .9);--docs-muted: #64748b;--docs-surface: #f8fafc;--docs-on-surface: #0f172a;--docs-accent: #295dff;display:grid;gap:1.5rem}.docs-grid{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr)}.docs-kicker,.docs-chip,.docs-label,.docs-meta dt,.docs-stat dt{color:var(--docs-muted);font-family:var(--font-mono, monospace)}.docs-main{display:grid;gap:1.25rem;margin-inline:auto;min-width:0;width:min(100%,84rem)}.docs-topnav,.docs-page-header,.docs-anchor-bar,.docs-section{background:linear-gradient(180deg,#fffffff5,#f8fafcf0);border:1px solid var(--docs-border);border-radius:1.4rem;box-shadow:0 20px 40px #0f172a14;padding:1.2rem}.docs-topnav,.docs-page-header{display:grid;gap:.9rem}.docs-topnav-links,.docs-anchor-pills{display:flex;flex-wrap:wrap;gap:.65rem}.docs-topnav-link,.docs-anchor-pill{background:#fffc;border:1px solid rgba(148,163,184,.2);border-radius:999px;color:#334155;line-height:1;padding:.6rem .9rem;text-decoration:none}.docs-topnav-link.active{background:color-mix(in oklab,white 76%,var(--docs-accent) 24%);color:var(--docs-accent);font-weight:700}.docs-anchor-bar{display:grid;gap:.8rem}.docs-kicker{font-size:.74rem;letter-spacing:.18em;line-height:1;margin:0;text-transform:uppercase}.docs-page-header h1,.docs-section h2,.docs-section h3,.docs-section p,.docs-section dl,.docs-page-header p{margin:0}.docs-page-header h1{font-family:var(--font-display, Georgia, serif);font-size:clamp(2.35rem,2rem + 1.4vw,3.4rem);font-style:italic;font-weight:400;letter-spacing:-.02em;line-height:.95}.docs-summary{color:#334155;font-size:1.05rem;line-height:1.6;max-width:62ch}.docs-meta,.docs-stat-grid,.docs-card-grid,.docs-example-grid,.docs-link-grid,.docs-compare-grid,.docs-foundation-grid,.docs-feature-grid{display:grid;gap:1rem}.docs-meta{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.docs-meta div,.docs-stat,.docs-mini-card,.docs-example-card,.docs-link-card,.docs-foundation-card,.docs-feature-card,.docs-compare-card{background:#ffffffc7;border:1px solid rgba(148,163,184,.18);border-radius:1rem;padding:.95rem}.docs-meta dt,.docs-stat dt{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.docs-meta dd,.docs-stat dd{color:var(--docs-on-surface);font-weight:600;margin-top:.35rem}.docs-chip-row,.docs-filter-row,.docs-actions{display:flex;flex-wrap:wrap;gap:.6rem}.docs-section.featured .docs-actions{justify-content:flex-end}.docs-chip{background:color-mix(in oklab,white 84%,var(--docs-accent) 16%);border:1px solid rgba(148,163,184,.24);border-radius:999px;font-size:.75rem;line-height:1;padding:.45rem .7rem;text-decoration:none}.docs-section.featured .docs-filter-row{align-items:end;background:#ffffffd6;border:1px solid rgba(148,163,184,.18);border-radius:1rem;padding:.7rem .8rem}.docs-playground-meta{display:grid;gap:.85rem}.docs-section.featured .docs-playground-meta .docs-meta div{background:#ffffffb8}.docs-section.featured .docs-playground-meta .docs-chip-row{gap:.55rem}.docs-bullets,.docs-definition-list,.docs-inline-list,.docs-sidebar-list,.docs-anchor-list{display:grid;gap:.6rem;margin:0;padding:0}.docs-bullets{padding-left:1.1rem}.docs-section{display:grid;gap:1rem;scroll-margin-top:1rem}.docs-section.featured{background:radial-gradient(circle at top right,color-mix(in oklab,white 80%,var(--docs-accent) 20%),transparent 38%),linear-gradient(180deg,#fffffffc,#f8fafcf7);border-color:color-mix(in oklab,white 70%,var(--docs-accent) 30%);box-shadow:0 28px 60px #0f172a1f,0 12px 24px #0f172a0f;gap:1.2rem;padding:1.45rem}.docs-section-heading{display:grid;gap:.5rem}.docs-section.featured .docs-section-heading{gap:.65rem}.docs-section h2{font-size:1.2rem;line-height:1.25}.docs-section.featured h2{font-size:clamp(1.5rem,1.35rem + .45vw,1.85rem);line-height:1.15}.docs-section-heading p,.docs-caption,.docs-note{color:#475569;line-height:1.6}.docs-section.featured .docs-kicker{color:var(--docs-accent)}.docs-section.featured .docs-section-heading p{color:#334155;font-size:1rem;max-width:70ch}.docs-api-table{overflow:auto}.docs-api-table table{border-collapse:collapse;inline-size:100%}.docs-api-table th,.docs-api-table td{border-bottom:1px solid rgba(148,163,184,.18);font-size:.92rem;padding:.85rem .75rem;text-align:left;vertical-align:top}.docs-api-table th{color:#334155;font-weight:700}.docs-label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.docs-example-card pre,.docs-copy pre{background:#0f172a;border-radius:.9rem;color:#e2e8f0;font-family:var(--font-mono, monospace);font-size:.82rem;line-height:1.6;margin:0;overflow:auto;padding:.9rem}.docs-copy{display:grid;gap:.75rem}.docs-copy-head{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.docs-button,.docs-filter-row input,.docs-filter-row select{background:#fff;border:1px solid rgba(148,163,184,.28);border-radius:.85rem;color:var(--docs-on-surface);font:inherit;min-block-size:2.6rem;padding:.65rem .85rem}.docs-button{cursor:pointer}.docs-sidebar-list,.docs-anchor-list{list-style:none}.docs-link-card a,.docs-page-header a,.docs-section a{color:inherit;text-decoration:none}.docs-link-card strong,.docs-feature-card strong,.docs-example-card strong,.docs-foundation-card strong{display:block;line-height:1.35;margin-bottom:.35rem}.docs-feature-card{display:flex;flex-direction:column;gap:.85rem}.docs-feature-card :where(.featured-preview){margin-top:auto}.component-card{align-content:start;display:grid;gap:.7rem}.component-card .docs-chip-row{align-content:flex-start;align-items:flex-start;column-gap:.45rem;row-gap:.45rem}.component-card .docs-chip{font-size:.72rem;padding:.38rem .62rem;white-space:nowrap}.docs-compare-grid,.docs-card-grid,.docs-example-grid,.docs-link-grid,.docs-foundation-grid,.docs-feature-grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.docs-section.compact{gap:.75rem}.docs-section.featured :where(.component-playground){background:transparent;border:0;border-radius:0;box-shadow:none;padding:0}.docs-section.featured :where(.component-stage-surface){border-color:#94a3b833;box-shadow:inset 0 1px #ffffffd9,0 12px 24px #0f172a0d;min-height:15rem;padding:1.6rem}.docs-section.featured :where(.component-stage-header){gap:1.25rem}@media(max-width:900px){.docs-main{width:100%}}