:root{--sidebar:286px;--topbar:72px}.docs-app{min-height:100vh}.topbar{z-index:50;height:var(--topbar);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffefbf0;justify-content:space-between;align-items:center;gap:20px;padding:0 28px;display:flex;position:fixed;inset:0 0 auto}.topbar-actions,.topbar-status{align-items:center;display:flex}.topbar-actions{gap:24px}.topbar-status{color:var(--muted);white-space:nowrap;gap:8px;font-size:12px}.mobile-menu-button{color:var(--ink);background:0 0;border:0;padding:7px;display:none}.sidebar{z-index:40;inset:var(--topbar) auto 0 0;width:var(--sidebar);border-right:1px solid var(--line);background:#f0ede6;position:fixed;overflow-y:auto}.sidebar-inner{padding:24px 20px 32px}.search-box{height:42px;color:var(--faint);background:var(--surface);border:1px solid var(--line);align-items:center;gap:9px;margin-bottom:24px;padding:0 12px;display:flex}.search-box input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px}.search-box:focus-within{border-color:var(--copper);box-shadow:0 0 0 3px #b7653917}.nav-group{margin-bottom:24px}.nav-group>p{color:var(--faint);letter-spacing:.14em;text-transform:uppercase;margin:0 0 7px 12px;font-size:10px;font-weight:700}.nav-group a{color:#514e48;border-left:2px solid #0000;align-items:center;gap:11px;min-height:42px;padding:8px 12px;font-size:13px;text-decoration:none;display:flex}.nav-group a span{color:#aaa49a;width:22px;font-family:var(--mono);font-size:10px}.nav-group a:hover{color:var(--ink);background:#ffffff8c}.nav-group a.is-active{color:var(--copper-dark);background:var(--surface);border-left-color:var(--copper);box-shadow:0 4px 18px #30271f0d}.nav-empty{color:var(--faint);margin:-2px 12px 24px;font-size:12px;line-height:1.5}.sidebar-home{color:var(--copper-dark);align-items:center;gap:8px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.sidebar-backdrop{display:none}.doc-main{min-height:100vh;padding:calc(var(--topbar) + 42px) 42px 70px calc(var(--sidebar) + 46px);background:var(--surface)}.doc-grid{grid-template-columns:minmax(0,820px) 210px;gap:64px;max-width:1110px;margin:0 auto;display:grid}.doc-kicker{color:var(--copper-dark);letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:20px;font-size:11px;font-weight:700;display:inline-flex}.toc{top:calc(var(--topbar) + 32px);max-height:calc(100vh - var(--topbar) - 64px);border-left:1px solid var(--line-soft);align-self:start;padding-left:20px;position:sticky;overflow-y:auto}.toc>p{color:var(--faint);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:10px;font-weight:700}.toc a{color:var(--muted);padding:5px 0;font-size:11px;line-height:1.45;text-decoration:none;display:block}.toc a:hover{color:var(--copper)}.toc a.toc-child{color:var(--faint);padding-left:12px}.markdown{color:#35322e;font-size:15px;line-height:1.75}.markdown>:first-child{margin-top:0}.markdown h1,.markdown h2,.markdown h3{scroll-margin-top:calc(var(--topbar) + 22px);color:var(--ink);font-family:var(--display);font-weight:500;line-height:1.18}.markdown h1{letter-spacing:-.035em;max-width:760px;margin:0 0 22px;font-size:clamp(39px,5vw,60px)}.markdown h2{letter-spacing:-.02em;margin:52px 0 17px;padding-top:10px;font-size:29px}.markdown h3{margin:32px 0 12px;font-size:21px}.markdown p{margin:0 0 17px}.markdown ul,.markdown ol{margin:0 0 20px;padding-left:24px}.markdown li{margin:6px 0;padding-left:3px}.markdown li::marker{color:var(--copper)}.markdown code{color:#663d28;font-family:var(--mono);background:#f1ece5;border:1px solid #e4ddd3;padding:2px 5px;font-size:.84em}.markdown pre{color:#ece8df;border-left:3px solid var(--copper);background:#24221f;margin:20px 0 25px;padding:19px 21px;line-height:1.6;overflow-x:auto}.markdown pre code{color:inherit;background:0 0;border:0;padding:0}.markdown table{border-collapse:collapse;width:100%;margin:22px 0 30px;font-size:12.5px;line-height:1.5}.markdown th,.markdown td{text-align:left;vertical-align:top;border:1px solid var(--line);padding:11px 12px}.markdown th{color:var(--ink);background:#eeeae2;font-size:11px}.markdown tr:nth-child(2n) td{background:#fbfaf7}.video-placeholder{min-height:clamp(220px,32vw,350px);color:var(--muted);text-align:center;background:linear-gradient(135deg,#f4e6dcb8,#fffefbf5);border:1px dashed #d2a88f;place-items:center;margin:22px 0 30px;padding:34px;display:grid}.video-placeholder>div{max-width:520px}.video-placeholder-icon{width:58px;height:58px;color:var(--surface);background:var(--copper);border-radius:50%;place-items:center;margin-bottom:18px;padding-left:4px;font-size:20px;display:grid;box-shadow:0 10px 30px #8f44252e}.video-placeholder strong{color:var(--ink);font-family:var(--display);margin-bottom:8px;font-size:23px;font-weight:500;display:block}.video-placeholder p{margin:0;font-size:13px;line-height:1.65}.doc-video{border:1px solid var(--line);background:#171614;width:100%;height:auto;margin:22px 0 24px;display:block;box-shadow:0 18px 46px #34281e1f}.doc-pager{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:18px;margin-top:60px;padding-top:24px;display:grid}.doc-pager a{color:var(--ink);border:1px solid var(--line);background:#fbfaf7;align-items:center;gap:11px;padding:16px;text-decoration:none;display:flex}.doc-pager a:hover{background:var(--copper-wash);border-color:#d7b09a}.doc-pager a.next{text-align:right;justify-content:flex-end}.doc-pager small{color:var(--faint);letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px;font-size:9px;display:block}@media (max-width:1120px){.doc-grid{grid-template-columns:minmax(0,820px)}.toc{display:none}}@media (max-width:820px){:root{--topbar:64px}.topbar{padding:0 16px}.topbar-actions{display:none}.mobile-menu-button{display:inline-flex}.sidebar{width:min(84vw,310px);transition:transform .24s;transform:translate(-103%);box-shadow:18px 0 50px #19141026}.sidebar.is-open{transform:translate(0)}.sidebar-backdrop{z-index:35;inset:var(--topbar) 0 0;background:#18171459;border:0;width:100%;display:block;position:fixed}.doc-main{padding:calc(var(--topbar) + 30px) 22px 54px}.markdown table{white-space:nowrap;display:block;overflow-x:auto}.doc-pager{grid-template-columns:1fr}}@media (max-width:560px){.markdown{font-size:14px}.markdown h1{font-size:38px}.markdown pre{margin-left:-12px;margin-right:-12px;padding:16px}.video-placeholder{min-height:210px;padding:28px 20px}}