
:root{color-scheme:light;--ink:#19382f;--muted:#52665e;--paper:#f7f5ed;--accent:#136753;--line:#cbd9cb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,-apple-system,sans-serif}a{color:#075b48;text-underline-offset:3px}a:hover{color:#003d2f}header{background:#e4eee2;border-bottom:1px solid var(--line)}.wrap{max-width:1060px;margin:auto;padding:0 24px}.top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;flex-wrap:wrap}.brand{font-weight:750;letter-spacing:-.025em;text-decoration:none;color:var(--ink)}nav{display:flex;gap:18px;flex-wrap:wrap;font-size:.94rem}main{padding:54px 0 90px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.75rem;font-weight:750;color:var(--accent)}h1,h2,h3{line-height:1.17;letter-spacing:-.04em}h1{font-size:clamp(2.35rem,5.5vw,4.7rem);max-width:850px;margin:.25em 0}h2{font-size:clamp(1.7rem,3vw,2.5rem);margin:1.5em 0 .4em}h3{font-size:1.22rem;margin:1em 0 .25em}.lead{font-size:1.27rem;max-width:750px;color:#345249}.notice{background:#fffaf0;border-left:4px solid #ac792e;padding:16px 20px;margin:28px 0;max-width:780px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0}.card{display:block;padding:26px;border:1px solid var(--line);background:#fff;border-radius:12px;text-decoration:none;color:var(--ink)}.card:hover{border-color:var(--accent)}.card strong{display:block;font-size:1.3rem;line-height:1.25}.card span{display:block;color:var(--muted);margin-top:10px}.article{max-width:760px}.article p,.article li{max-width:72ch}.steps{padding-left:1.4em}.steps li{padding-left:.4em;margin-bottom:17px}.source-list li{margin-bottom:12px;overflow-wrap:anywhere}.tag{display:inline-block;border:1px solid var(--line);border-radius:99px;padding:4px 11px;font-size:.79rem;font-weight:700;margin:0 0 14px}footer{border-top:1px solid var(--line);padding:30px 0;color:var(--muted);font-size:.9rem}footer .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}@media(max-width:620px){.grid{grid-template-columns:1fr}main{padding:36px 0 64px}.top{align-items:flex-start}nav{gap:11px 16px}h1{font-size:2.55rem}.wrap{padding:0 18px}}
