/* generated from src/tokens.js — do not edit by hand */
@font-face{font-family:"Schibsted Grotesk";src:url("/fonts/schibsted-latin.woff2") format("woff2");font-weight:400 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Schibsted Grotesk";src:url("/fonts/schibsted-latin-ext.woff2") format("woff2");font-weight:400 900;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";src:url("/fonts/inter-latin.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";src:url("/fonts/inter-latin-ext.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
  --teal-50:#EFFBF8;
  --teal-100:#D3F3EB;
  --teal-200:#A6E6D8;
  --teal-300:#6FD2BF;
  --teal-400:#34B8A2;
  --teal-500:#12A594;
  --teal-600:#0E8C7E;
  --teal-700:#0E7C6B;
  --teal-800:#0A6155;
  --teal-900:#074840;
  --accent:#0E7C6B;
  --accent-bright:#12A594;
  --accent-700:#0A6155;
  --accent-800:#074840;
  --accent-100:#D3F3EB;
  --accent-50:#EFFBF8;
  --paper:#F7FAF9;
  --surface:#FFFFFF;
  --surface-2:#EFF5F3;
  --surface-3:#E4EEEB;
  --white:#FFFFFF;
  --ink:#0B1F1C;
  --ink-2:#37504B;
  --ink-3:#58736D;
  --line:#DCE8E5;
  --line-2:#C2D6D1;
  --ember:#C25333;
  --ember-600:#A8441F;
  --ember-700:#8E3A1B;
  --ember-50:#FCF1EC;
  --ember-line:#EDC6B5;
  --ok:#0F7A55;
  --ok-50:#E8F6F0;
  --ok-line:#B4DDCB;
  --warn:#96620B;
  --warn-50:#FBF3E3;
  --warn-line:#E7D3A4;
  --danger:#B42318;
  --danger-50:#FCEFEE;
  --danger-line:#F0C8C4;
  --info-line:#A6E6D8;
  --gold:#8A6A17;
  --on-dark:#E9F3F0;
  --on-dark-2:#C6DBD5;
  --on-dark-3:#B4CFC8;
  --on-dark-muted:#95B2AB;
  --on-dark-faint:#86A69F;
  --dark-line:#24413B;
  --dark-line-2:#365B53;
  --accent-on-dark:#6FD2BF;
  --accent-on-dark-2:#A6E6D8;
  --accent-on-dark-3:#D3F3EB;
  --accent-on-dark-4:#EFFBF8;
  --f-xs:0.75rem;
  --f-sm:0.8125rem;
  --f-base:1rem;
  --f-md:clamp(1.03rem,0.3vw + 0.98rem,1.15rem);
  --f-lg:clamp(1.1rem,0.55vw + 1rem,1.35rem);
  --f-xl:clamp(1.24rem,1vw + 1.02rem,1.7rem);
  --f-2xl:clamp(1.5rem,1.9vw + 1.05rem,2.35rem);
  --f-3xl:clamp(1.85rem,2.9vw + 1.12rem,3.1rem);
  --f-4xl:clamp(2.2rem,4.2vw + 1.1rem,3.9rem);
  --lh-tight:1.06;
  --lh-snug:1.22;
  --lh-body:1.62;
  --lh-loose:1.75;
  --tr-tight:-0.022em;
  --tr-snug:-0.012em;
  --tr-wide:0.14em;
  --w-reg:400;
  --w-med:500;
  --w-semi:600;
  --w-bold:700;
  --w-display:620;
  --display:"Schibsted Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,monospace;
  --s0:0rem;
  --s1:.25rem;
  --s2:.5rem;
  --s3:.75rem;
  --s4:1rem;
  --s5:1.5rem;
  --s6:2rem;
  --s7:3rem;
  --s8:4rem;
  --s9:5.5rem;
  --s10:7.5rem;
  --r-xs:4px;
  --r-sm:6px;
  --r-md:10px;
  --r-lg:14px;
  --r-xl:22px;
  --r-pill:999px;
  --e1:0 1px 1px rgba(11,31,28,.04),0 1px 2px rgba(11,31,28,.06);
  --e2:0 1px 2px rgba(11,31,28,.05),0 6px 16px -10px rgba(11,31,28,.18);
  --e3:0 2px 4px rgba(11,31,28,.05),0 16px 34px -18px rgba(11,31,28,.24);
  --e4:0 4px 8px rgba(11,31,28,.06),0 30px 60px -28px rgba(11,31,28,.32);
  --ring-w:3px;
  --t-fast:150ms;
  --t-base:200ms;
  --t-slow:250ms;
  --ease:cubic-bezier(.2,.7,.3,1);
  --maxw:1200px;
  --maxw-narrow:760px;
  --toc-w:290px;
  --header-h:64px;
  --tap:44px;
  --gutter:clamp(1.15rem,4.2vw,2rem);
  --section-y:clamp(2.75rem,6vw,5rem);
  --section-y-tight:clamp(2rem,4.5vw,3.5rem);
  --measure:65ch;
  --measure-narrow:54ch;
  --ring:0 0 0 var(--ring-w) #A6E6D8;
  --ring-dark:0 0 0 var(--ring-w) #0E7C6B;
}
@media (prefers-reduced-motion:reduce){
  :root{--t-fast:1ms;--t-base:1ms;--t-slow:1ms}
  *,*::before,*::after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}
}