@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap');

:root { --green:#00b424; --dark:#0d321d; --deep:#082a17; --lime:#d3f55b; --soft:#f7faf7; --line:#e2ebe2; --muted:#64748b; --ink:#1e293b; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:white; font-family:Inter,sans-serif; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
h1,h2,h3,.logo { font-family:Outfit,sans-serif; }
.container { width:min(1120px,calc(100% - clamp(28px,7vw,90px))); margin:auto; }
.nav { position:sticky; z-index:10; top:0; height:72px; background:rgba(255,255,255,.94); border-bottom:1px solid var(--line); backdrop-filter:blur(16px); }
.nav-inner { height:100%; display:flex; align-items:center; justify-content:space-between; gap:25px; }
.logo { display:flex; align-items:center; gap:9px; color:var(--dark); font-size:24px; font-weight:700; }
.mark { width:32px; height:32px; display:grid; place-items:center; color:white; background:var(--green); border-radius:9px 18px 9px 18px; font-size:15px; transform:rotate(-6deg); }
.nav-links { display:flex; gap:22px; color:#425449; font-size:13px; font-weight:600; }
.back { padding:10px 15px; border:1px solid var(--line); border-radius:999px; transition:.25s; }
.back:hover { color:white; background:var(--dark); }
.blog-hero { padding:clamp(78px,11vw,145px) 0 75px; background:var(--soft); }
.eyebrow { margin-bottom:18px; color:var(--green); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.1em; }
.blog-hero h1,.article-head h1 { max-width:900px; margin:0 0 22px; color:var(--dark); font-size:clamp(48px,8vw,92px); font-weight:500; line-height:.98; letter-spacing:-.055em; }
.blog-hero p,.dek { max-width:710px; margin:0; color:var(--muted); font-size:18px; line-height:1.7; }
.cards { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; padding:70px 0 110px; }
.card { overflow:hidden; border:1px solid var(--line); border-radius:26px; background:white; transition:transform .4s,box-shadow .4s; }
.card:hover { transform:translateY(-8px); box-shadow:0 20px 55px rgba(13,50,29,.12); }
.card img { width:100%; height:250px; object-fit:cover; background:#edf5ea; }
.card-body { padding:24px; }
.tag { display:inline-block; margin-bottom:13px; color:var(--green); font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.card h2 { margin:0 0 12px; color:var(--dark); font-size:25px; font-weight:500; line-height:1.18; }
.card p { margin:0 0 22px; color:var(--muted); font-size:13px; line-height:1.65; }
.read { color:var(--dark); font-size:12px; font-weight:800; }
.article-head { padding:clamp(65px,9vw,120px) 0 50px; text-align:center; }
.article-head h1 { margin-inline:auto; font-size:clamp(45px,7vw,82px); }
.article-head .dek { margin-inline:auto; }
.meta { margin-top:20px; color:var(--muted); font-size:12px; }
.hero-image { width:min(1120px,calc(100% - 28px)); height:min(62vw,610px); margin:0 auto 65px; overflow:hidden; background:#edf5ea; border-radius:32px; }
.hero-image img { width:100%; height:100%; object-fit:cover; }
.article-layout { display:grid; grid-template-columns:220px minmax(0,720px); gap:70px; justify-content:center; padding-bottom:110px; }
.sidebar { position:sticky; top:105px; align-self:start; }
.safety { padding:18px; color:var(--dark); background:#eff8ed; border:1px solid #d9ead8; border-radius:18px; font-size:11px; line-height:1.65; }
.safety strong { display:block; margin-bottom:6px; font-size:12px; }
.prose { color:#3d4d43; font-size:16px; line-height:1.85; }
.prose h2 { margin:52px 0 13px; color:var(--dark); font-size:34px; font-weight:500; line-height:1.12; letter-spacing:-.035em; }
.prose h3 { margin:30px 0 8px; color:var(--dark); font-size:22px; }
.prose ul,.prose ol { display:grid; gap:10px; padding-left:22px; }
.evidence { padding:22px; margin:32px 0; background:var(--soft); border-left:4px solid var(--green); border-radius:0 18px 18px 0; }
.evidence strong { color:var(--dark); }
.sources { padding:28px; margin-top:55px; background:var(--deep); border-radius:24px; color:white; }
.sources h2 { margin-top:0; color:white; }
.sources ol { padding-left:20px; }
.sources a { color:var(--lime); text-decoration:underline; }
.footer { padding:38px 0; color:rgba(255,255,255,.65); background:var(--deep); font-size:12px; }
.footer-inner { display:flex; justify-content:space-between; gap:20px; }
@media(max-width:900px){.cards{grid-template-columns:1fr 1fr}.article-layout{grid-template-columns:1fr}.sidebar{position:static}.nav-links{display:none}}
@media(max-width:620px){.cards{grid-template-columns:1fr;padding-top:35px}.blog-hero p,.dek{font-size:16px}.hero-image{height:80vw;border-radius:22px}.article-layout{padding-bottom:75px}.prose{font-size:15px}.footer-inner{display:grid}.back{font-size:11px}}