.docs-layout{gap:40px;min-height:calc(100vh - 61px);padding-top:40px;padding-bottom:80px;display:flex}.docs-sidebar{flex:0 0 240px;align-self:flex-start;position:sticky;top:100px}.docs-sidebar h3{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 16px;font-size:11px;font-weight:700}.docs-sidebar ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.docs-sidebar a{color:var(--muted);transition:color var(--dur-base) var(--ease);font-size:14px}.docs-sidebar a:hover,.docs-sidebar a.active{color:var(--fg)}.docs-main{flex:1;max-width:760px}.docs-content{color:var(--fg)}.docs-header{border-bottom:1px solid var(--border-soft);margin-bottom:40px;padding-bottom:24px}.docs-header h1{font-size:var(--fs-h2);letter-spacing:-.025em;margin:0;font-weight:700}.docs-header .lead{font-size:var(--fs-lead);color:var(--muted);margin:12px 0 0}.docs-body h2{letter-spacing:-.02em;margin:40px 0 16px;font-size:24px;font-weight:600}.docs-body h3{letter-spacing:-.01em;margin:32px 0 12px;font-size:18px;font-weight:600}.docs-body p{color:var(--muted);margin:16px 0;font-size:16px;line-height:1.6}.docs-body a{color:var(--accent);text-decoration:none;transition:opacity .2s}.docs-body a:hover{opacity:.8;text-decoration:underline}.docs-body ul{list-style-type:disc}.docs-body ol{list-style-type:decimal}.docs-body ul,.docs-body ol{margin:16px 0;padding-left:24px}.docs-body li{color:var(--muted);margin-bottom:8px;font-size:16px;line-height:1.6}.docs-body li::marker{color:var(--fg)}.docs-body img{border-radius:var(--r-md);border:1px solid var(--border);margin:32px 0;box-shadow:0 8px 24px #0003}.docs-pre{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);margin:24px 0;padding:16px;overflow-x:auto;box-shadow:inset 0 2px #ffffff05}.docs-pre .docs-code{color:var(--fg);font-family:var(--font-mono);background:0 0;border:none;padding:0;font-size:13.5px;line-height:1.5}p .docs-code,li .docs-code{font-family:var(--font-mono);color:var(--fg);background:var(--surface-3);border:1px solid var(--border-soft);border-radius:4px;padding:2px 6px;font-size:13px}@media (max-width:900px){.docs-layout{flex-direction:column}.docs-sidebar{flex:none;position:static}}.age-dot{border-radius:50%;width:10px;height:10px;margin:0 2px -1px 4px;display:inline-block}.age-dot.fresh{background:var(--age-fresh)}.age-dot.warm{background:var(--age-warm)}.age-dot.stale{background:var(--age-stale)}
