.docs-page-layout{display:grid;grid-template-columns:minmax(185px,.42fr) minmax(0,1.45fr);gap:clamp(2rem,6vw,6rem);padding:clamp(3.5rem,7vw,6.5rem)0}.docs-sidebar{align-self:start;position:sticky;top:105px;border-left:1px solid var(--line);padding-left:1rem}.docs-index-link{display:inline-block;color:var(--ink);font-weight:750;letter-spacing:-.02em;text-decoration:none;margin-bottom:1rem}.docs-sidebar section+section{margin-top:1.4rem}.docs-version{margin:0 0 .45rem;color:var(--blue-ink);font:700 .7rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.docs-pager a,.docs-sidebar nav{display:grid;gap:.15rem}.docs-sidebar nav a{color:var(--muted);font-size:.9rem;text-decoration:none;padding:.35rem .45rem;border-radius:var(--radius-sm)}.docs-sidebar nav a:hover,.docs-sidebar nav a[aria-current=page]{color:var(--blue-ink);background:var(--blue-soft)}.docs-article{min-width:0;max-width:760px}.docs-article h1{max-width:12ch;margin:0 0 1.5rem;font-size:clamp(2.65rem,5vw,5.25rem);line-height:.96;letter-spacing:-.062em}.docs-article h2{max-width:none;margin:2.8rem 0 .75rem;font-size:clamp(1.5rem,3vw,2.25rem)}.docs-article h3{margin-top:2rem}.docs-article li,.docs-article p{color:var(--muted);max-width:66ch}.docs-article ul{padding-left:1.2rem}.docs-pager{display:grid;grid-template-columns:1fr 1fr;gap:1rem;border-top:1px solid var(--line);margin-top:4rem;padding-top:1rem}.docs-pager a{text-decoration:none;font-weight:700;padding:.75rem;border:1px solid var(--line);border-radius:var(--radius-md)}.docs-pager a:last-child{text-align:right}.docs-pager a:hover{border-color:var(--blue);background:var(--blue-soft)}.docs-pager span{color:var(--muted);font:.68rem var(--mono);text-transform:uppercase;letter-spacing:.05em}.docs-search-panel{margin-top:2.25rem;padding:1.25rem;border:1px solid var(--line);background:var(--paper-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.docs-search-panel>label{display:block;margin-bottom:.65rem;color:var(--blue-ink);font:700 .72rem var(--mono);letter-spacing:.07em;text-transform:uppercase}.docs-search-panel .pagefind-ui__search-input{width:100%;min-height:44px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);padding:.65rem .75rem}.docs-search-panel .pagefind-ui__result{padding:.8rem 0;border-top:1px solid var(--line)}.docs-search-panel .pagefind-ui__result-link{color:var(--blue-ink);font-weight:700}.docs-collection-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.docs-collection-card{display:grid;gap:.6rem;min-height:168px;padding:1.25rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper-strong);text-decoration:none;transition:transform var(--motion-base) var(--motion-ease),border-color var(--motion-base) var(--motion-ease)}.docs-collection-card:hover{transform:translateY(-2px);border-color:var(--blue);color:inherit}.docs-collection-card strong{font-size:1.08rem;letter-spacing:-.025em}.docs-collection-card>span:last-child{color:var(--muted);font-size:.9rem}.changelog-list{display:grid;gap:1rem;margin-top:2.2rem}.changelog-entry{padding:1.5rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper-strong)}.changelog-entry h1{margin:.9rem 0 0;font-size:1.45rem;letter-spacing:-.04em}.token-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:2.2rem}.swatch,.token-card{border:1px solid var(--line)}.token-card{display:grid;gap:.55rem;padding:.9rem;border-radius:var(--radius-md);background:var(--paper-strong)}.token-card code{color:var(--muted)}.swatch{display:block;height:52px;border-radius:var(--radius-sm)}.swatch-canvas{background:var(--paper)}.swatch-surface{background:var(--paper-strong)}.swatch-ink{background:var(--ink)}.swatch-accent{background:var(--blue)}.component-stack,.token-rows{margin-top:1rem;border-top:1px solid var(--line)}.token-rows div{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;padding:.75rem 0}.token-rows span{font-weight:700}.component-stack{margin-top:2rem}.component-row,.token-rows div{border-bottom:1px solid var(--line)}.component-row{display:grid;grid-template-columns:130px minmax(0,1fr);gap:1.2rem;padding:1.25rem 0}.component-label{color:var(--blue-ink);font:700 .7rem var(--mono);letter-spacing:.07em;text-transform:uppercase}.component-demo{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;min-width:0}.component-demo .note,.component-demo pre{width:min(100%,600px);margin:0}.component-card{width:min(100%,290px);padding:1.15rem}.component-card h3{margin-top:1.4rem}.diagram-primitives{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.5rem;font:700 .76rem var(--mono)}.diagram-primitives span{padding:.5rem .65rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper-strong)}.diagram-primitives i{color:var(--blue);font-style:normal;font-size:1.1rem}@media (max-width:820px){.docs-page-layout{grid-template-columns:1fr;gap:1.4rem}.docs-sidebar{position:static;gap:.85rem;border-left:0;border-bottom:1px solid var(--line);padding:0 0 1rem}.docs-sidebar .docs-index-link{margin:0}.docs-sidebar section{margin:0!important}.docs-sidebar,.docs-sidebar nav{display:flex;flex-wrap:wrap}.token-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.docs-collection-list,.docs-pager,.token-grid{grid-template-columns:1fr}.docs-pager a:last-child{text-align:left}.component-row{grid-template-columns:1fr;gap:.65rem}}