:root { --ink:#18312c; --paper:#f8f5ed; --mint:#b7dfc4; --line:rgba(24,49,44,.18); --muted:#5f706a; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial, Helvetica, sans-serif; line-height:1.6; }
a { color:inherit; }
a:focus-visible { outline:3px solid #3e936d; outline-offset:3px; }
.nav { display:flex; justify-content:space-between; align-items:center; max-width:1100px; margin:auto; padding:24px 28px; }
.wordmark { display:flex; align-items:center; gap:10px; text-decoration:none; font-size:21px; font-weight:700; letter-spacing:-.8px; }
.mark { display:grid; place-items:center; width:29px; height:29px; border:2px solid var(--ink); border-radius:8px; transform:rotate(-8deg); font-family:ui-monospace, monospace; font-size:18px; }
.back { font-size:14px; }
main { max-width:900px; margin:34px auto 100px; padding:0 28px; }
.eyebrow { font:500 12px/1.35 ui-monospace, monospace; letter-spacing:.04em; text-transform:uppercase; color:#3a6558; }
h1 { font:700 clamp(38px, 6vw, 68px)/1.05 Georgia, serif; letter-spacing:-.05em; margin:14px 0 28px; overflow-wrap:anywhere; }
h2 { font:700 27px/1.2 Georgia, serif; margin:40px 0 12px; }
p, li { font-size:16px; }
ul { padding-left:23px; }
.card { padding:24px 28px; border:2px solid var(--ink); border-radius:12px; background:#fffdf8; }
.card p { margin:0; }
.notice { padding:14px 18px; background:var(--mint); border-left:4px solid var(--ink); }
footer { border-top:2px solid var(--ink); padding:27px 28px; }
.footer-inner { max-width:1100px; margin:auto; display:flex; justify-content:space-between; gap:18px; color:var(--muted); font-size:13px; }
.footer-links { display:flex; flex-wrap:wrap; gap:18px; }
@media (max-width:700px) { h1 { font-size:34px; letter-spacing:-.06em; } .footer-inner { display:block; } .footer-links { margin-top:12px; } }