book-shell{display:grid;grid-template-columns:256px 1fr;max-width:1200px;margin:0 auto;min-height:100vh}book-sidebar{position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto;border-right:1px solid var(--line);padding:22px 16px 26px;display:flex;flex-direction:column;gap:18px}book-sidebar>brand-mark{font-family:var(--mono);font-weight:700;font-size:15px}book-sidebar>brand-mark>a{color:var(--ink);text-decoration:none}book-sidebar>brand-mark core-dot{color:var(--amber)}book-sidebar>theme-toggle{margin-top:auto;align-self:flex-start}book-switch{display:block}book-switch details{border:1px solid var(--line);border-radius:9px;background:var(--surface)}book-switch summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 11px;cursor:pointer;list-style:none;font-family:var(--mono);font-size:13px;font-weight:600;color:var(--ink)}book-switch summary::-webkit-details-marker{display:none}book-switch summary:after{content:"\25be";color:var(--ink-3);font-size:11px}book-switch details[open] summary:after{content:"\25b4"}book-switch summary:hover{color:var(--indigo)}book-switch summary:focus-visible{outline:2px solid var(--indigo);outline-offset:1px}book-switch nav-group{border-top:1px solid var(--line);padding:6px}book-sidebar>book-nav{display:flex;flex-direction:column;gap:18px}book-sidebar nav-group{display:flex;flex-direction:column;gap:2px}book-sidebar group-label{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:5px}book-sidebar nav-group>a{display:block;padding:6px 11px;border-radius:8px;color:var(--ink-2);text-decoration:none;font-size:13.5px}book-sidebar nav-group>a:hover{background:var(--surface-2);color:var(--ink)}book-sidebar nav-group>a:focus-visible{outline:2px solid var(--indigo);outline-offset:1px}book-sidebar nav-group>a[aria-current=page]{background:var(--indigo-bg);color:var(--indigo);font-weight:600}book-sidebar nav-group>a[data-state=draft]{color:var(--ink-3)}book-main{padding:34px 44px 90px;min-width:0}book-main lead-say,book-main system-foot{display:block;max-width:820px}book-main>[id]{display:block;max-width:820px;padding:46px 0 8px;scroll-margin-top:24px}book-main>[id]~[id]{border-top:1px solid var(--line);margin-top:30px}book-main>[id]:first-child{padding-top:20px}eyebrow-line{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--indigo);margin-bottom:16px}eyebrow-line>core-dot{color:var(--amber)}book-main>system-foot{display:block;margin-top:40px;padding-top:22px;border-top:1px solid var(--line);color:var(--ink-3);font-family:var(--mono);font-size:12.5px}book-main>system-foot a{color:var(--ink-2)}book-outline{display:block;max-width:820px;margin-top:30px}book-outline>nav-group{display:block;margin-top:30px}book-outline>nav-group>group-label{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--indigo);margin-bottom:4px}outline-entry{display:block;padding:13px 0;border-top:1px solid var(--line);scroll-margin-top:24px}outline-entry>entry-label{display:block;font-weight:640;color:var(--ink);font-size:15px}outline-entry>entry-dek{display:block;color:var(--ink-2);font-size:13.8px;line-height:1.55;max-width:68ch}@media(max-width:860px){book-shell{grid-template-columns:1fr}book-sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line);flex-direction:column;gap:14px}book-sidebar>theme-toggle{margin-top:0}book-sidebar>book-nav{flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:4px}book-sidebar>book-nav nav-group{flex-direction:row;gap:4px;align-items:center}book-sidebar>book-nav group-label{display:none}book-sidebar nav-group>a{white-space:nowrap}book-main{padding:24px 20px 60px}}