:root{color-scheme:dark;--background:#0f172a;--foreground:#e2e8f0;--secondary:#94a3b8;--muted:#0b1222;--border:#1e293b;--accent:#e2e8f0;--accent-hover:#ffffff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--background);color:var(--foreground);font-size:16px;line-height:1.65}a{color:var(--accent);text-underline-offset:4px;text-decoration-thickness:1px}a:hover{color:var(--accent-hover)}button{font:inherit;cursor:pointer;border:0;background:none;color:var(--accent);border-radius:0;padding:4px 0;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;display:inline-block;line-height:1.5}button:hover{color:var(--accent-hover)}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{background:#334155}
header{background:var(--background)}nav{max-width:1068px;margin:auto;display:flex;align-items:center;gap:26px;padding:18px 24px;border-bottom:1px solid var(--border)}nav a{text-decoration:none;color:var(--foreground);font-size:15px}nav a:hover{text-decoration:underline;color:var(--accent)}nav .brand{font-size:25.6px;line-height:1.25;font-weight:750;letter-spacing:-1.2px;color:var(--foreground);margin-right:auto;white-space:nowrap}nav .brand:hover{color:var(--foreground);text-decoration:none}.brand-dot{color:var(--secondary)}.brand-md{font-size:14px;font-weight:600;letter-spacing:0;margin-left:8px}
main{max-width:808px;margin:auto;padding:0 24px}.introduction{padding:28px 0 12px}h1,h2,h3{overflow-wrap:break-word}h1{font-size:28px;font-weight:600;line-height:1.25;letter-spacing:-.025em;margin:0 0 16px}h2{font-size:22px;letter-spacing:-.02em;font-weight:600;line-height:1.3;margin:0 0 16px}h3{font-size:19px;letter-spacing:-.015em;font-weight:600;line-height:1.4;margin:0 0 16px}p{color:var(--secondary);margin:0 0 16px}strong{color:var(--foreground)}.meta{font-size:14px;color:var(--secondary)}.section{padding:24px 0;border-top:1px solid var(--border)}article.section{margin-top:24px}.note{padding:8px 0 8px 16px;border-left:2px solid var(--border);color:var(--secondary);margin:20px 0;font-size:15px}.steps{display:flex;gap:8px 20px;flex-wrap:wrap;margin:16px 0}.steps a{font-size:15px;padding:4px 0}details{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:20px 0;padding:14px 0}details+details{border-top:0;margin-top:-20px}summary{cursor:pointer;font-weight:600;font-size:15px}details[open]>summary{margin-bottom:16px}details p{font-size:15px}pre{background:var(--muted);border:0;border-radius:0;padding:16px;color:var(--foreground);white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;margin:0 0 20px}code{font:0.87em ui-monospace,SFMono-Regular,Consolas,monospace}p code{background:var(--muted);padding:2px 4px}.copy{font-size:13px;display:block;margin-left:auto;margin-bottom:4px}.download-link{display:inline-block;margin:0 0 16px}.check{display:flex;gap:12px;align-items:baseline;padding:8px 0;color:var(--secondary);font-size:15px}.check input{accent-color:var(--accent);width:17px;height:17px}iframe{width:100%;height:520px;border:1px solid var(--border);background:var(--background)}textarea{background:#0b1222;color:var(--foreground);border:1px solid #334155;padding:10px;font:inherit;border-radius:0;width:100%;margin-bottom:8px}#clear-notes{margin-left:20px}footer{border-top:1px solid var(--border);padding:24px 0;font-size:13px;color:var(--secondary)}li{color:var(--secondary);margin:8px 0}.print-only{display:none}
@media(max-width:680px){nav{gap:8px 20px;flex-wrap:wrap;padding:16px 20px}nav .brand{width:100%;margin:0}nav a{font-size:14px}main{padding:0 20px}.introduction{padding-top:24px}h1{font-size:26px}iframe{height:650px}pre{padding:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{header,.copy,iframe,.steps{display:none}body{background:white;color:black}p,li,strong{color:black}main{max-width:none}.section{padding:20px 0;break-inside:avoid}.print-only{display:block}}

/* Same quiet frame and proportions as the selected homepage. */
body{padding:36px 20px}header{max-width:780px;margin:0 auto 24px}nav{max-width:none;flex-wrap:wrap;gap:12px 24px;margin:0;padding:0;border:0}nav .brand{width:100%;margin:0}nav a{font-size:14px;color:var(--secondary);text-decoration:underline;text-decoration-color:#64748b}nav .brand{color:var(--foreground);text-decoration:none}nav .brand:hover{color:var(--foreground)}main{max-width:780px;margin:auto;padding:28px;background:#020617;border:1px solid var(--border);border-radius:10px}.introduction{padding:0 0 8px}h1{font-size:24px}h2{font-size:20px}h3{font-size:17px}pre{border:1px solid var(--border);border-radius:6px}iframe{background:#0f172a;border-radius:6px}.copy{color:var(--secondary)}a,button{text-decoration-color:#64748b}.check input{accent-color:#94a3b8}textarea{border-radius:4px}footer{color:var(--secondary)}
@media(max-width:680px){body{padding:24px 18px}header{margin-bottom:20px}nav{padding:0;gap:10px 20px}main{padding:22px}.introduction{padding-top:0}h1{font-size:23px}pre{padding:12px}}
@media print{body{padding:0}main{background:white;border:0}pre,code{color:black;background:#f3f3f3}textarea{color:black;background:white}}

.step-label{font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--secondary);margin:0 0 6px}.step-label+h2,.step-label+h3{margin:0 0 16px}