:root{--ink:#182a2c;--muted:#546565;--green:#17634c;--line:#d4ddd6;--paper:#f7f8f2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.7}a{color:var(--green);text-underline-offset:4px}header{max-width:1400px;margin:auto;padding:24px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-weight:800;text-decoration:none;letter-spacing:2px;font-size:14px}.brand span{color:#7a9a31}.edition{font:11px ui-monospace,monospace;letter-spacing:2px}.layout{display:grid;grid-template-columns:260px minmax(0,820px);gap:6%;max-width:1300px;margin:auto;padding:55px 5%}nav{align-self:start;position:sticky;top:30px;font-size:13px}nav a{display:flex;gap:12px;text-decoration:none;padding:9px 0;line-height:1.45;color:var(--muted)}nav a:hover,nav a[aria-current]{color:var(--green);font-weight:650}nav a span{font:12px ui-monospace,monospace;opacity:.7;padding-top:3px;min-width:20px}.nav-title,.eyebrow,.step-number{font:11px ui-monospace,monospace;letter-spacing:2px;color:var(--green)}.nav-title{margin-bottom:20px}.nav-foot{margin-top:25px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.hero{padding:6px 0 38px}h1{font-size:clamp(34px,4.5vw,58px);line-height:1.12;letter-spacing:-2px;margin:25px 0;font-weight:650;max-width:800px}.lead{font-size:23px;line-height:1.5;color:var(--muted)}.route{display:flex;align-items:center;gap:24px;padding:22px 0;margin:28px 0;border-block:1px solid var(--line);font:13px ui-monospace,monospace}.route b{color:var(--green)}.intro{max-width:650px}.legend{padding:22px 25px;background:#e7eedf;border-left:3px solid #708f3c;font-size:15px}.legend strong{display:block}section{padding:46px 0;border-bottom:1px solid var(--line)}h2{font-size:29px;line-height:1.25;letter-spacing:-.6px;margin:12px 0 24px}p{margin:18px 0}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.86em;overflow-wrap:anywhere}p code,td code,.note code{background:#e9ede5;border-radius:3px;padding:2px 5px}.command{margin:22px 0;border:1px solid #29453f;border-radius:8px;overflow:hidden;background:#172d29;color:#e9f2e9;min-width:0}.bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;background:#203b35;font-size:12px;color:#c3d8c5}.bar button{font:inherit;cursor:pointer;background:transparent;color:#e1eecb;border:1px solid #638272;border-radius:4px;padding:5px 9px;flex-shrink:0}.bar button:hover{background:#355346}.bar button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #9bb660;outline-offset:3px}pre{margin:0;padding:20px;overflow-x:auto;line-height:1.8;tab-size:2}pre code{font-size:13px;overflow-wrap:normal}#step-10 pre{white-space:pre-wrap;overflow-wrap:anywhere}.note{background:#edf0e8;border-left:3px solid #8c9c79;padding:18px 22px;margin:24px 0;font-size:15px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:15px}th{text-align:left;background:#e7ecdf}th,td{padding:14px;border-bottom:1px solid var(--line);vertical-align:top}td:first-child{width:34%;font-weight:600}details{border-top:1px solid var(--line);padding:17px 0}summary{cursor:pointer;font-weight:600}details p{font-size:15px;color:var(--muted)}footer{padding:35px 0 60px;color:var(--muted);font-size:13px}.skip{position:absolute;left:10px;top:-70px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:900px){.layout{grid-template-columns:190px minmax(0,1fr);gap:5%;padding-inline:4%}h1{letter-spacing:-1px}nav{font-size:12px}}@media(max-width:650px){body{font-size:16px}header{padding:18px 6%}.edition{display:none}.layout{display:flex;flex-direction:column;padding:28px 6%;gap:32px}nav{position:static;order:0;border-bottom:1px solid var(--line);padding-bottom:20px}nav a{padding:6px 0}.nav-title{margin-bottom:10px}.nav-foot{display:none}main{min-width:0}.hero{padding-top:0}h1{font-size:37px;letter-spacing:-1.3px}.lead{font-size:20px}.route{gap:12px;font-size:11px;justify-content:space-between}h2{font-size:26px}.bar{padding:10px;font-size:11px}.bar span{max-width:65%}pre{padding:16px}.note{padding:16px}section{padding:35px 0}th,td{padding:10px;font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
