:root{color-scheme:light;--bg:#f6f3ec;--ink:#163024;--muted:#52675b;
--border:rgba(22,48,36,.16)}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(ellipse at 90% 0%,#dceee4,transparent 45%),
var(--bg);color:var(--ink);font:17px/1.8 system-ui,-apple-system,sans-serif}
header,main,footer{width:min(940px,calc(100% - 36px));margin:auto}
header{display:flex;justify-content:space-between;align-items:center;
flex-wrap:wrap;gap:14px;padding:22px 0;border-bottom:1px solid var(--border)}
a{color:#245b42;text-underline-offset:4px}
a:focus-visible{outline:3px solid #327b9a;outline-offset:4px}
.brand{font-weight:750;text-decoration:none}
nav{display:flex;flex-wrap:wrap;gap:16px}
main{padding:40px 0}
article{max-width:740px;margin:auto}
h1{font-size:clamp(2rem,6vw,3.4rem);line-height:1.14;
letter-spacing:-.04em;margin:14px 0 22px}
h2{font-size:1.35rem;line-height:1.4;margin:32px 0 12px}
p{margin:0 0 18px}
li+li{margin-top:10px}
.kicker,.meta{font-size:.85rem;color:var(--muted)}
.lead{font-size:1.13rem;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.card{padding:24px;border:1px solid var(--border);border-radius:18px;
background:rgba(255,255,255,.65)}
.card h2{margin:8px 0 14px}
.button{display:inline-block;background:var(--ink);color:white;
padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:650}
.sources,.related{border-top:1px solid var(--border);margin-top:32px;padding-top:8px}
.notice{font-size:.9rem;color:var(--muted);border-left:3px solid #89ad96;
padding-left:16px;margin-top:30px}
footer{display:flex;flex-wrap:wrap;gap:16px;padding:24px 0 36px;
border-top:1px solid var(--border);font-size:.9rem}
@media(max-width:640px){.grid{grid-template-columns:1fr}.card{padding:20px}}