/* live.jongeroranje.nl — stylesheet (6 okt 2026). Lettertypes uit de eigen repo, geen externe bronnen. */
@font-face{font-family:'Shuttleblock Condensed';font-weight:700;font-style:normal;font-display:swap;
  src:url('/fonts/Shuttleblock-CondensedBold.woff2') format('woff2')}
@font-face{font-family:'Shuttleblock Narrow';font-weight:600;font-style:normal;font-display:swap;
  src:url('/fonts/Shuttleblock-NarrowDemi.woff2') format('woff2')}
:root{--oranje:#FF7900;--blauw:#1B2344;--grond:#F4F5F8;--wit:#FFFFFF;--tekst:#262626;--grijs:#5E6378;--rand:#E3E6EE;--link:#1033F9}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100dvh;display:flex;flex-direction:column;background:var(--grond);color:var(--tekst);
  font:15px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
a{color:var(--link)}
.kop{font-family:'Shuttleblock Condensed','Arial Narrow',sans-serif;font-weight:700;text-transform:uppercase}
header{background:var(--blauw);color:#fff;padding:18px 16px 22px;display:flex;flex-direction:column;gap:14px}
.merk{display:flex;align-items:center;gap:10px}
.merk svg{height:30px;width:auto}
.merk .naam{font-family:'Shuttleblock Narrow','Arial Narrow',sans-serif;font-weight:600;font-size:14px;letter-spacing:.18em;text-transform:uppercase}
.live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-family:'Shuttleblock Narrow','Arial Narrow',sans-serif;font-weight:600;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--oranje)}
.live i{width:8px;height:8px;border-radius:50%;background:var(--oranje)}
header h1{margin:0;font-size:34px;line-height:1}
main{flex-grow:1;width:100%;max-width:520px;margin:0 auto;padding:20px 14px 24px;display:flex;flex-direction:column;gap:14px}
.kaart{background:var(--wit);border:1px solid var(--rand);border-radius:16px;padding:18px 16px;display:flex;flex-direction:column;gap:10px}
.kaart p{margin:0}
.label{font-family:'Shuttleblock Narrow','Arial Narrow',sans-serif;font-weight:600;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#B85600}
.kaart h2{margin:0;font-size:26px;line-height:1.05;color:var(--blauw)}
footer{padding:16px 16px 24px;text-align:center;font-size:13px;color:var(--grijs)}