:root { --ink:#171916; --paper:#fffdf8; --cream:#f5f1e8; --green:#345843; --gold:#d4a951; --line:rgba(23,25,22,.14); }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.7; }
a { color:var(--green); }
.top { background:#171916; color:#fff; }
.nav,.foot { width:min(920px,calc(100% - 36px)); margin:auto; min-height:86px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:flex; align-items:center; gap:11px; color:#fff; text-decoration:none; font-weight:800; }
.mark { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; color:#171916; background:var(--gold); font-size:11px; }
.back { color:#fff; text-decoration:none; font-size:14px; }
main { width:min(820px,calc(100% - 36px)); margin:0 auto; padding:80px 0 110px; }
.kicker { color:var(--green); font-size:12px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
h1,h2 { line-height:1.15; letter-spacing:-.04em; }
h1 { margin:.2em 0 .35em; font-size:clamp(42px,7vw,68px); }
h2 { margin:2.2em 0 .6em; font-size:27px; }
h3 { margin:1.7em 0 .4em; }
p,li { color:#4d514b; }
.intro { max-width:700px; margin-bottom:50px; font-size:19px; }
.notice { margin:32px 0; padding:20px 22px; border-left:4px solid var(--gold); background:var(--cream); }
.notice strong { color:#171916; }
.data { padding:20px 0; border-top:1px solid var(--line); }
.data p { margin:.2em 0; }
footer { background:#171916; color:rgba(255,255,255,.72); }
.foot { min-height:110px; font-size:14px; }
.foot a { color:#fff; }
@media(max-width:620px){.nav,.foot{align-items:flex-start;flex-direction:column;padding:24px 0}.back{padding-left:49px}main{padding:55px 0 80px}}