:root{color-scheme:light;--paper:#efebe2;--ink:#171a1c;--soft:#4c5154;--accent:#b23a1b;--line:#c7c0b1}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.75 Georgia,serif}a{color:#2a4c7d}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
header{position:sticky;top:0;z-index:5;background:var(--paper);border-bottom:1px solid var(--ink);display:flex;align-items:center;gap:24px;padding:16px max(20px,calc((100vw - 1280px)/2));font:14px/1.5 system-ui,sans-serif}.brand{font-weight:800;font-size:22px;text-decoration:none;color:var(--ink);margin-right:auto}.brand span{color:var(--accent)}.language,.button{display:inline-block;border:1px solid var(--ink);padding:8px 16px;text-decoration:none;color:var(--ink);font-family:system-ui,sans-serif}
main{max-width:1320px;margin:auto;padding:40px 24px}.intro{max-width:860px;margin-bottom:40px}h1,h2,h3,summary{font-family:system-ui,sans-serif;line-height:1.3}h1{font-size:clamp(2rem,5vw,3.5rem);margin:12px 0}h2{margin-top:48px;border-bottom:1px solid var(--line);padding-bottom:12px}h3{margin-top:32px}.eyebrow{font:12px/1.5 Consolas,monospace;letter-spacing:.13em;color:var(--accent)}.note{font-size:14px;color:var(--soft);max-width:78ch}
.layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;align-items:start}nav{position:sticky;top:90px;max-height:calc(100vh - 110px);overflow:auto;font:14px/1.6 system-ui,sans-serif}summary{font-size:20px;font-weight:600;cursor:pointer}nav label{display:block;margin-top:16px}nav input{width:100%;padding:10px;border:1px solid var(--line);background:#fffdf8;font:inherit}nav ol{list-style:none;padding:0}nav a{display:block;padding:7px 0;text-decoration:none}nav a:hover{text-decoration:underline}
article{min-width:0;background:#fffdf8;padding:clamp(18px,4vw,48px);border:1px solid var(--line);overflow-wrap:anywhere}article>h1{font-size:2rem}article .chapter-anchor{display:block;scroll-margin-top:95px}pre{background:#efebe2;padding:20px;overflow:auto;font:14px/1.6 Consolas,monospace}code{font-family:Consolas,monospace;font-size:.9em}table{display:block;overflow:auto;border-collapse:collapse;font-size:15px}td,th{border:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}th{background:var(--paper)}li{margin-bottom:6px}.screenshot{margin:24px 0}.screenshot img{display:block;width:100%;height:auto;border:1px solid var(--line)}figcaption{font:14px/1.6 system-ui,sans-serif;color:var(--soft);padding:10px 0}footer{border-top:1px solid var(--line);padding:30px;text-align:center;font-size:14px}
@media(max-width:850px){.layout{grid-template-columns:1fr;gap:24px}nav{position:static;max-height:none}nav ol{max-height:240px;overflow:auto}header{gap:14px;flex-wrap:wrap}header>a:nth-child(2){display:none}main{padding:24px 14px}article{padding:18px}}
@media print{header,nav,.button{display:none}.layout{display:block}article{border:0;padding:0}body{background:white}pre{white-space:pre-wrap}table{display:table}h2,h3{break-after:avoid}.screenshot{break-inside:avoid}}