:root { color-scheme: light; --bg:#f5f5f2; --surface:#fff; --text:#20221f; --muted:#626860; --line:#dedfd9; --accent:#276b48; --soft:#edf4ef; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:var(--bg); color:var(--text); font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:#1d5136; }
.page { width:min(760px,calc(100% - 36px)); margin:auto; padding:58px 0 72px; }
.eyebrow { margin:0 0 12px; color:#1d5136; font-size:13px; font-weight:750; letter-spacing:.08em; text-transform:uppercase; }
h1,h2 { line-height:1.15; letter-spacing:-.02em; }
h1 { margin:0; max-width:670px; font-size:clamp(34px,6vw,52px); }
h2 { margin:0 0 12px; font-size:25px; }
.lead { max-width:680px; margin:20px 0 0; color:var(--muted); font-size:19px; }
section { margin-top:38px; }
section p { color:var(--muted); }
.notice { padding:18px 20px; border:1px solid #c9ddcf; border-radius:16px; background:var(--soft); }
.notice strong { display:block; }
ol,ul { padding-left:24px; }
li { margin:9px 0; }
.actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:9px 15px; border:1px solid var(--line); border-radius:12px; background:var(--surface); color:var(--text); text-decoration:none; }
.button:hover { border-color:var(--accent); }
.button.primary { border-color:var(--accent); background:var(--accent); color:#fff; }
footer { display:flex; flex-wrap:wrap; gap:18px; margin-top:46px; padding-top:20px; border-top:1px solid var(--line); font-size:14px; }
.meta { color:var(--muted); font-size:14px; }
@media (max-width:560px) { .page { width:min(100% - 28px,760px); padding-top:36px; } }