/* Lando Zeilstra – stylesheet. Kleuren en maten komen uit het design system (tokens). */
@font-face{font-family:"Roboto Slab";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/roboto-slab-500.woff2") format("woff2")}
@font-face{font-family:"Roboto Slab";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/roboto-slab-700.woff2") format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/source-sans-3-400.woff2") format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/source-sans-3-600.woff2") format("woff2")}
:root{
  --paper:#FBFAF7;--surface:#FFFFFF;--surface-sunk:#F1EEE7;--line:#E4E0D7;--line-strong:#8C877C;
  --ink:#16191D;--ink-muted:#4B5159;--accent:#B3261E;--accent-hover:#8A1C16;--accent-tint:#FBEAE8;
  --font-display:"Roboto Slab",Georgia,serif;--font-sans:"Source Sans 3",system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--paper);color:var(--ink)}
img{max-width:100%}
a{color:var(--accent)}a:hover{color:var(--accent-hover)}
a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.skip-link{position:absolute;left:16px;top:-80px;z-index:100;background:var(--ink);color:#fff;padding:12px 18px;border-radius:6px;font-family:var(--font-sans);font-weight:600;text-decoration:none}
.skip-link:focus{top:16px;color:#fff}
.lz-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.2fr) 8rem;gap:4px 24px;align-items:baseline}.lz-year{text-align:right}
@media (max-width:640px){.lz-row{grid-template-columns:minmax(0,1fr)}.lz-year{text-align:left}}
@media (max-width:640px){.lz-nav{gap:14px !important;font-size:16px !important}.lz-cta{display:none !important}.lz-sub{display:none !important}}
