:root{color-scheme:light dark;--brand:#087f6b;--ink:#17242a;--muted:#5d7078;--line:#dce6e8;--paper:#fff;--wash:#f3faf8}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(145deg,var(--wash),#fff 55%);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}
main{width:min(860px,calc(100% - 28px));margin:32px auto 64px;background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:clamp(22px,5vw,52px);box-shadow:0 18px 55px rgba(15,74,65,.1)}
header{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:24px}
header img{width:52px;height:52px;border-radius:14px}
h1{font-size:clamp(28px,5vw,42px);line-height:1.15;margin:0}
h2{font-size:21px;margin:30px 0 8px}
p,li{color:var(--muted)}
a{color:var(--brand)}
.updated{font-size:13px;margin:4px 0 0}
.notice{background:var(--wash);border-left:4px solid var(--brand);padding:14px 16px;border-radius:8px}
.steps{counter-reset:step;list-style:none;padding:0;display:grid;gap:12px}
.steps li{counter-increment:step;position:relative;padding:14px 14px 14px 54px;background:var(--wash);border-radius:12px}
.steps li:before{content:counter(step);position:absolute;left:14px;top:13px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#fff;font-weight:700}
.button{display:inline-block;background:var(--brand);color:#fff;text-decoration:none;font-weight:700;padding:11px 17px;border-radius:11px}
footer{margin-top:34px;padding-top:18px;border-top:1px solid var(--line);font-size:14px}
@media(prefers-color-scheme:dark){:root{--ink:#e6f1f3;--muted:#b4c4c9;--line:#294047;--paper:#111b21;--wash:#17272a}body{background:#0b141a}}