:root { --ink:#172119; --muted:#687268; --green:#176b43; --lime:#dff76a; --paper:#fffef9; --line:#dfe5dc; }
* { box-sizing: border-box; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; line-height:1.72; }
header { display:flex; padding:18px clamp(20px,6vw,80px); align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:flex; gap:10px; align-items:center; color:inherit; text-decoration:none; font-weight:900; }
.mark { display:grid; width:38px; aspect-ratio:1; place-items:center; border-radius:50%; color:#0e4e30; background:var(--lime); }
header > a:last-child { color:var(--green); font-weight:800; text-decoration:none; }
main { width:min(820px,calc(100% - 40px)); margin:0 auto; padding:70px 0 100px; }
.eyebrow { color:var(--green); font-size:.78rem; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
h1 { margin:.5rem 0 1.4rem; font-size:clamp(2.5rem,7vw,4.7rem); line-height:1; letter-spacing:-.05em; }
h2 { margin-top:2.5rem; font-size:1.4rem; }
p, li { color:#536057; }
.notice { margin:28px 0; padding:18px 20px; border-left:5px solid var(--green); border-radius:0 12px 12px 0; background:#eff7f0; }
footer { padding:28px 20px; color:#dfe8e1; background:var(--ink); text-align:center; font-size:.78rem; }