:root { --ink:#080C08; --green:#346C36; --paper:#f4f3ee; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:'Schibsted Grotesk',system-ui,sans-serif; -webkit-font-smoothing:antialiased; line-height:1.6; }
a { color:var(--green); text-decoration:none; word-break:break-word; }
a:hover { color:#245026; }
.wrap { max-width:760px; margin:0 auto; padding:0 clamp(20px,5vw,44px); }
.nav { display:flex; align-items:center; justify-content:space-between; padding:22px clamp(20px,5vw,44px); max-width:1180px; margin:0 auto; gap:16px; }
.nav-brand { display:flex; align-items:center; gap:11px; color:var(--ink); }
.nav-brand svg { width:24px; height:auto; flex:none; }
.nav-brand span { font-weight:800; font-size:19px; letter-spacing:-0.6px; }
.nav-cta { background:var(--ink); color:#fff; font-weight:700; font-size:14px; padding:11px 20px; border-radius:999px; white-space:nowrap; }
.nav-cta:hover { color:#fff; }
main { padding:clamp(28px,5vw,52px) 0 clamp(48px,7vw,80px); }
h1 { font-size:clamp(32px,6vw,48px); font-weight:900; letter-spacing:-0.04em; line-height:1.02; margin:0 0 8px; }
.updated { color:rgba(0,0,0,0.45); font-size:14px; margin:0 0 36px; }
h2 { font-size:clamp(19px,3vw,22px); font-weight:800; letter-spacing:-0.02em; line-height:1.25; margin:34px 0 10px; }
p { margin:0 0 14px; font-size:16px; color:rgba(0,0,0,0.78); }
.foot { border-top:1px solid rgba(0,0,0,0.1); margin-top:20px; padding:28px 0; display:flex; justify-content:space-between; align-items:center; gap:16px; color:rgba(0,0,0,0.45); font-size:13.5px; flex-wrap:wrap; }
.foot b { color:var(--ink); }
.foot-links { display:flex; gap:16px 22px; flex-wrap:wrap; }
.foot-links a { color:rgba(0,0,0,0.55); font-weight:600; }
.foot-links a:hover { color:var(--green); }
@media (max-width:480px) {
  .nav-brand span { font-size:17px; }
  .nav-cta { padding:10px 15px; font-size:13px; }
}