:root{--bg:#f7f8f6;--fg:#1c2421;--muted:#55605b;--card:#fff;--line:#d9ded9;--accent:#0b6e4f;--accent-fg:#fff;--warn:#fff6dd;--focus:#f2a900}
@media (prefers-color-scheme:dark){:root{--bg:#121614;--fg:#e8ece9;--muted:#a3ada8;--card:#1b211e;--line:#2e3632;--accent:#3fbf8f;--accent-fg:#06140e;--warn:#2b2614}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif}
a{color:var(--accent)}
a:focus-visible,button:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--card);padding:8px;z-index:9}
header.top,main,footer{max-width:720px;margin:0 auto;padding:0 16px}
header.top{display:flex;align-items:center;justify-content:space-between;padding-top:14px;padding-bottom:6px}
.logo{font-weight:700;text-decoration:none;color:var(--fg)}.logo span{color:var(--accent)}
nav.crumbs{font-size:.9rem;color:var(--muted);margin:6px 0 0}
h1{font-size:1.75rem;line-height:1.25;margin:.6em 0 .3em}
h2{font-size:1.3rem;line-height:1.3;margin:1.4em 0 .4em}
h3{font-size:1.08rem;margin:1.2em 0 .3em}
.lede{font-size:1.08rem;color:var(--muted)}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;margin:16px 0}
.card h2{margin-top:.2em}
.step{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0}
.help{color:var(--muted);font-size:.95rem}
.note{background:var(--warn);padding:8px 12px;border-radius:8px;font-size:.95rem}
.opts{display:grid;gap:10px;margin:14px 0}
.opt,.btn{font:inherit;min-height:48px;padding:10px 16px;border-radius:10px;border:2px solid var(--accent);background:var(--card);color:var(--fg);text-align:left;cursor:pointer}
.opt:hover{background:var(--accent);color:var(--accent-fg)}
.btn{background:var(--accent);color:var(--accent-fg);text-align:center;margin-top:8px}
.link{font:inherit;background:none;border:0;color:var(--accent);text-decoration:underline;cursor:pointer;padding:8px 0;margin-right:18px}
.row{display:flex;flex-wrap:wrap}
.script{width:100%;font:15px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--fg)}
.steps li,ul li{margin:.35em 0}
.disclaimer{background:var(--warn);border-radius:10px;padding:10px 14px;font-size:.95rem}
.states{padding-left:1.1em}
details{border-top:1px solid var(--line);padding:10px 0}
summary{cursor:pointer;font-weight:600}
footer{color:var(--muted);font-size:.92rem;padding-top:24px;padding-bottom:40px;border-top:1px solid var(--line);margin-top:32px}
footer a{color:var(--muted)}
.small{font-size:.9rem;color:var(--muted)}