:root{
  --forest:#0f3d2e; --leaf:#349d62; --leaf-ink:#1f7a48; --leaf-wash:#e3f2e8;
  --ember:#e0662a; --ground:#eef3ef; --surface:#fff; --ink:#111c17;
  --muted:#5b6b62; --line:#dde7e0;
  --display:"Bricolage Grotesque",Georgia,serif; --text:"Figtree",system-ui,sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --ground:#0a1511; --surface:#111e18; --ink:#e8f1ec; --muted:#9fb3a8;
  --line:#1e3227; --leaf-wash:#173a28; --leaf-ink:#6fd69a;
}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);font:400 17px/1.65 var(--text)}
main{max-width:760px;margin:0 auto;padding:28px 16px 8px}
h1{font:700 clamp(28px,5vw,42px)/1.12 var(--display);letter-spacing:-.02em;margin:.2em 0 .35em}
h2{font:700 clamp(20px,3vw,25px)/1.2 var(--display);margin:1.9em 0 .5em}
p{margin:0 0 1em}
a{color:var(--leaf-ink)}
.lede{font-size:19px;color:var(--muted);margin-bottom:1.4em}
.eyebrow{font:600 12px/1 var(--text);letter-spacing:.11em;text-transform:uppercase;color:var(--leaf-ink);margin:0 0 .6em}
.note{font-size:14px;color:var(--muted)}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;
  max-width:760px;margin:0 auto;padding:14px 16px}
.brand{display:flex;align-items:center;gap:9px;font:700 19px var(--display);color:var(--ink);text-decoration:none}
.mark{width:22px;height:22px;border-radius:7px;background:var(--forest);display:inline-block}
.top nav{display:flex;align-items:center;gap:14px;font-size:15px}
.top nav a{text-decoration:none;color:var(--muted)}
.cta{display:inline-block;background:var(--forest);color:#fff!important;text-decoration:none;
  font-weight:600;font-size:15px;padding:9px 16px;border-radius:999px}
.crumbs{font-size:13.5px;color:var(--muted);margin:0 0 14px}
.crumbs a{color:var(--muted)}
.crumbs i{margin:0 7px;font-style:normal;opacity:.5}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:1.2em 0 .6em}
.facts div{background:var(--surface);padding:11px 13px}
.facts dt{font:600 11.5px var(--text);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.facts dd{margin:3px 0 0;font:700 19px var(--display);font-variant-numeric:tabular-nums}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:7px;padding:0;margin:1em 0}
.chips a{display:inline-block;background:var(--leaf-wash);color:var(--leaf-ink);text-decoration:none;
  font-size:13.5px;font-weight:600;padding:5px 11px;border-radius:999px}
.ing{list-style:none;padding:0;margin:0}
.ing li{padding:9px 0;border-bottom:1px solid var(--line)}
.ing b{font-variant-numeric:tabular-nums;margin-right:8px}
.steps{margin:0;padding-left:1.25em}
.steps li{margin:0 0 .75em;padding-left:.2em}
.box{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:20px 22px;margin:2.2em 0}
.box h2{margin-top:0}
.cards,.tiles{list-style:none;padding:0;margin:1em 0;display:grid;gap:9px}
.tiles{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.cards a,.tiles a{display:block;background:var(--surface);border:1px solid var(--line);
  border-radius:15px;padding:12px 15px;text-decoration:none;color:var(--ink)}
.cards b,.tiles b{display:block;font-weight:600;font-size:15.5px}
.cards span,.tiles span{display:block;margin-top:2px;font-size:13px;color:var(--muted)}
.pager{display:flex;flex-wrap:wrap;gap:6px;margin:1.6em 0}
.pager a,.pager span{min-width:34px;text-align:center;padding:5px 8px;border-radius:9px;
  font-size:14px;text-decoration:none;border:1px solid var(--line);background:var(--surface);color:var(--muted)}
.pager span{background:var(--forest);color:#fff;border-color:var(--forest);font-weight:600}
.foot{max-width:760px;margin:40px auto 0;padding:26px 16px 44px;border-top:1px solid var(--line);
  font-size:14.5px;color:var(--muted)}
.foot nav{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px}
.foot a:not(.cta){color:var(--muted)}
@media(max-width:560px){.facts{grid-template-columns:repeat(2,1fr)}main{padding-top:18px}}