:root{font-family:system-ui,-apple-system,sans-serif;color:#202621;background:#fff;line-height:1.65;color-scheme:light dark;--bg:#fff;--fg:#202621;--muted:#606a63;--line:#dce1dd;--accent:#345c45}*{box-sizing:border-box}body{margin:0}nav{max-width:1120px;margin:auto;padding:22px 28px;display:flex;gap:24px;flex-wrap:wrap;font-size:14px}nav a{color:var(--muted);text-decoration:none}nav a:first-child{font-weight:650;color:var(--fg);margin-right:auto}nav a[aria-current]{text-decoration:underline;text-underline-offset:5px}a{color:var(--accent)}main{max-width:850px;margin:36px auto 64px;padding:0 24px}h1{font-size:clamp(2rem,5vw,3rem);line-height:1.15;letter-spacing:-.035em;font-weight:600;margin:12px 0 24px}h2{font-size:1.25rem;line-height:1.4;margin-top:36px}.eyebrow{font-size:13px;color:var(--muted);margin:0}.intro{font-size:19px;max-width:700px}.notice{padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted)}form,article{padding:24px 0;border-top:1px solid var(--line);margin:28px 0}label,dt{display:block;font-weight:600;margin-top:20px}dd{margin:4px 0 20px}input,select,textarea{font:inherit;width:100%;padding:10px 12px;border:1px solid #aeb8b0;border-radius:6px;background:var(--bg);color:var(--fg);margin:6px 0;min-height:46px}textarea{min-height:110px}button,.button{display:inline-block;background:#264b35;color:#fff;border:0;border-radius:6px;padding:12px 20px;font:inherit;cursor:pointer;text-decoration:none;margin:12px 8px 0 0;min-height:46px}button.secondary{background:var(--bg);color:var(--fg);border:1px solid var(--line)}.hint{font-size:14px;color:var(--muted)}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}footer{padding:30px 0;color:var(--muted)}output{display:block;margin-top:10px}.steps{padding-left:22px}.steps li{padding-left:4px;margin:18px 0}*:focus-visible{outline:3px solid #53785e;outline-offset:3px}.skip{position:absolute;top:-80px;left:20px;padding:12px;background:var(--bg)}.skip:focus{top:8px}[hidden]{display:none!important}@media(max-width:600px){nav{padding:18px;gap:16px}nav a:first-child{flex-basis:100%}main{margin-top:24px;padding:0 18px}button{width:100%;margin-right:0}}@media(prefers-color-scheme:dark){:root{--bg:#171b18;--fg:#e6ece7;--muted:#aeb9b0;--line:#39443c;--accent:#b0cfb8;background:var(--bg);color:var(--fg)}button,.button{background:#bdd9c5;color:#17271d}}
