:root { --ink:#10120f; --cream:#fbf6ea; --green:#2fbf70; --gold:#d9a53c; --muted:#5b5d56; --line:#ddd3bd; }
* { box-sizing:border-box; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.6; }
header,main,footer { width:min(820px,calc(100% - 40px)); margin:auto; }
header { padding:28px 0; display:flex; justify-content:space-between; align-items:baseline; border-bottom:1px solid var(--line); }
.brand { color:var(--ink); text-decoration:none; font-weight:850; font-size:28px; letter-spacing:-.06em; }.brand small { color:#895c12; font-size:10px; letter-spacing:.14em; margin-left:8px; }
main { padding:64px 0; } h1 { font-size:clamp(36px,6vw,58px); letter-spacing:-.05em; line-height:1.05; margin:0 0 12px; } h2 { margin-top:42px; font-size:24px; }
.eyebrow { color:#895c12; font-size:12px; font-weight:800; letter-spacing:.15em; }.notice { background:#eef8f0; border-left:4px solid var(--green); padding:16px; border-radius:8px; }.warning { background:#fff4dc; border-left:4px solid var(--gold); padding:16px; border-radius:8px; }
a { color:#075f32; } .button { display:inline-block; margin:8px 8px 0 0; padding:12px 18px; border-radius:999px; background:#075f32; color:white; text-decoration:none; font-weight:700; }
a:focus-visible { outline:3px solid var(--gold); outline-offset:4px; border-radius:4px; }
footer { padding:28px 0 48px; border-top:1px solid var(--line); color:var(--muted); font-size:14px; } ul { padding-left:22px; }
@media(max-width:560px) { header { align-items:flex-start; gap:16px; } .brand { display:flex; flex-direction:column; line-height:1; gap:8px; } .brand small { margin-left:0; } main { padding:44px 0; } }