
:root{--ink:#18221d;--muted:#5d6a62;--paper:#fbfcf9;--panel:#eef3ed;--accent:#315f45;--line:#dce4dc;--max:1120px}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}
a{color:#24553b;text-decoration-thickness:1px;text-underline-offset:3px}header{border-bottom:1px solid var(--line);background:rgba(251,252,249,.96);position:sticky;top:0;z-index:5}
.nav{max-width:var(--max);margin:auto;padding:16px 22px;display:flex;gap:24px;align-items:center}.brand{font-weight:850;text-decoration:none;color:var(--ink);letter-spacing:-.03em}.navlinks{margin-left:auto;display:flex;gap:18px;flex-wrap:wrap}.navlinks a{text-decoration:none;color:var(--ink);font-size:.94rem}
main{max-width:820px;margin:auto;padding:54px 22px 80px}.hero{padding:42px 0 30px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:.76rem;color:var(--accent)}
h1{font-size:clamp(2.35rem,7vw,4.7rem);line-height:1.02;letter-spacing:-.055em;margin:.2em 0 .35em}h2{font-size:1.75rem;line-height:1.2;letter-spacing:-.03em;margin-top:2.2em}h3{font-size:1.15rem}.lede{font-size:1.2rem;color:var(--muted);max-width:720px}
.button{display:inline-block;background:var(--accent);color:white;text-decoration:none;padding:12px 17px;border-radius:9px;font-weight:750}.button.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cards article{background:white;border:1px solid var(--line);border-radius:12px;padding:18px}.cards h3{margin-top:0}
.notice,.affiliate-box{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px;margin:24px 0}.affiliate-box p{font-size:.91rem;margin-top:0;color:var(--muted)}
table{border-collapse:collapse;width:100%;background:white}th,td{text-align:left;vertical-align:top;border:1px solid var(--line);padding:12px}.tablewrap{overflow-x:auto}
footer{border-top:1px solid var(--line);padding:30px 22px;color:var(--muted);font-size:.9rem}.foot{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.foot a{color:var(--muted);margin-right:12px}
@media(max-width:720px){.nav{align-items:flex-start;flex-direction:column;gap:8px}.navlinks{margin-left:0;gap:12px}header{position:static}.cards{grid-template-columns:1fr}main{padding-top:32px}h1{font-size:2.7rem}}
