.docs-page { max-width:1280px; margin-inline:auto; padding:var(--sp-5); }
.docs-head { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:var(--sp-4); }
.docs-head h1 { margin:0; font-size:var(--text-h2); }
.docs-head .eyebrow { margin-top:0; }
.docs-actions { display:flex; flex-wrap:wrap; gap:var(--sp-3); align-items:center; }
.docs-actions .btn { white-space:normal; }
.docs-scope { color:var(--text-2); max-width:75ch; margin-block:var(--sp-4); }
.docs-search { max-width:75ch; margin-bottom:var(--sp-4); }
.docs-layout { display:grid; grid-template-columns:260px minmax(0,1fr); gap:var(--sp-6); align-items:start; }
.docs-index { display:grid; gap:var(--gap-1); position:sticky; top:var(--sp-3); max-height:75dvh; overflow:auto; padding-right:var(--gap-2); }
.docs-topic { display:grid; gap:var(--gap-1); border:0; border-radius:var(--r-s); text-align:left; padding:var(--gap-3); color:var(--text-2); background:transparent; cursor:pointer; min-height:44px; }
.docs-topic:hover { background:var(--hover); color:var(--text); }
.docs-topic[aria-current=page] { background:var(--selection-soft); color:var(--text); }
.docs-topic:focus-visible { outline:2px solid var(--selection); outline-offset:-2px; }
.docs-group { color:var(--text-3); font:500 var(--text-xs)/var(--leading-tight) var(--f-mono); }
.docs-article { min-width:0; max-width:75ch; }
.docs-article h2 { font-size:var(--text-h3); margin-top:0; }
.docs-article p { font-size:var(--text-h5); line-height:var(--leading-loose); }
.docs-intro { font-weight:500; }
.docs-evidence { margin-top:var(--sp-5); color:var(--text-2); border-top:1px solid var(--line); padding-top:var(--sp-3); }
.docs-evidence summary { cursor:pointer; min-height:44px; }
.docs-evidence code { overflow-wrap:anywhere; }
.docs-index-toggle { display:none; }
.docs-reading-nav { margin-top:var(--sp-5); border-top:1px solid var(--line); padding-top:var(--sp-3); }
@media(max-width:900px) { .docs-layout { grid-template-columns:minmax(0,1fr); gap:var(--sp-4); } .docs-index { position:static; max-height:30dvh; border-bottom:1px solid var(--line); padding-bottom:var(--sp-3); } }
@media(max-width:767px) { .docs-page { padding:var(--sp-3); } .docs-head h1 { font-size:var(--text-h3); } .docs-head .btn { min-height:44px; } }
@media(max-width:767px) { .docs-index-toggle { display:inline-flex; min-height:44px; } .docs-index[data-mobile-open=false] { display:none; } .docs-reading-nav .btn { min-height:44px; } }
@media print { #app { display:block!important; position:static!important; height:auto!important; } #app > :not(.main),.main > .inspector,.project-work > :not(#work),.docs-index,.docs-search,.docs-head .docs-actions { display:none!important; } .main,.project-work,#work { display:block; height:auto; overflow:visible; } .docs-layout { display:block; } }