:root { --green:#059669; --mint:#ecfdf5; --ink:#172033; --muted:#596579; --line:#dfe5ea; --paper:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#f8fafc; font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; }
a { color:#047857; }
a:hover { color:#065f46; }
.site-header { background:#fff; border-bottom:1px solid var(--line); }
.nav { max-width:1120px; min-height:66px; margin:auto; padding:0 22px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { color:var(--ink); font-size:18px; font-weight:800; text-decoration:none; white-space:nowrap; }
.brand span { color:var(--green); }
.nav-links { display:flex; align-items:center; gap:22px; margin-left:auto; }
.nav-links a { color:#475569; font-size:14px; font-weight:600; text-decoration:none; }
.button { display:inline-block; padding:11px 18px; border-radius:8px; color:#fff; background:var(--green); font-weight:750; text-decoration:none; }
.button:hover { color:#fff; background:#047857; }
.hero { background:linear-gradient(120deg,#ecfdf5,#fff); border-bottom:1px solid #d1fae5; }
.hero-inner, .page { width:min(920px,calc(100% - 40px)); margin:auto; }
.hero-inner { padding:62px 0 50px; }
.eyebrow { margin:0 0 10px; color:#047857; font-size:13px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
h1 { max-width:820px; margin:0; font-size:clamp(32px,5vw,52px); line-height:1.12; letter-spacing:-.035em; }
.lede { max-width:760px; margin:20px 0 0; color:var(--muted); font-size:19px; }
.page { padding:42px 0 64px; }
.article { max-width:760px; }
.article h2 { margin:42px 0 12px; font-size:28px; line-height:1.25; letter-spacing:-.02em; }
.article h3 { margin:28px 0 8px; font-size:21px; }
.article p, .article li { color:#374151; }
.article ul, .article ol { padding-left:23px; }
.article li + li { margin-top:7px; }
.notice { margin:26px 0; padding:18px 20px; border-left:4px solid var(--green); border-radius:4px; background:var(--mint); color:#244336; }
.sources { padding:20px; border:1px solid var(--line); border-radius:12px; background:#fff; }
.sources h2 { margin-top:0; font-size:20px; }
.cta { margin:42px 0 12px; padding:30px; border-radius:16px; background:#172033; color:#fff; }
.cta h2 { margin:0 0 8px; font-size:28px; }
.cta p { color:#dbe5ed; }
.cta .button { margin-top:4px; background:#10b981; }
.article-meta { margin-top:20px; color:#64748b; font-size:14px; }
.cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.card { display:flex; flex-direction:column; padding:25px; border:1px solid var(--line); border-radius:14px; background:#fff; color:inherit; text-decoration:none; box-shadow:0 1px 2px rgba(15,23,42,.03); }
.card:hover { border-color:#6ee7b7; box-shadow:0 8px 22px rgba(5,150,105,.10); }
.card h2 { margin:6px 0 8px; font-size:22px; line-height:1.3; }
.card p { margin:0; color:var(--muted); }
.card .read { margin-top:18px; color:#047857; font-weight:750; }
.breadcrumb { margin:0 0 22px; color:#64748b; font-size:14px; }
.breadcrumb a { color:#475569; }
.site-footer { padding:34px 22px; color:#64748b; background:#fff; border-top:1px solid var(--line); font-size:14px; }
.footer-inner { display:flex; max-width:1120px; margin:auto; justify-content:space-between; gap:16px; flex-wrap:wrap; }
@media (max-width:680px) { .nav { padding:13px 20px; flex-wrap:wrap; } .nav-links { order:3; width:100%; margin:0; justify-content:space-between; gap:10px; } .nav-links a { font-size:13px; } .cards { grid-template-columns:1fr; } .hero-inner { padding:44px 0 38px; } }