@font-face { font-family: 'Schibsted Grotesk'; font-weight: 400; font-display: swap; src: url('/fonts/schibsted-grotesk-400.woff2') format('woff2'); }
@font-face { font-family: 'Schibsted Grotesk'; font-weight: 500; font-display: swap; src: url('/fonts/schibsted-grotesk-500.woff2') format('woff2'); }
:root { color-scheme: dark; }
body { margin: 0; background: #000; color: #fff; font: 15px/1.6 'Schibsted Grotesk', ui-sans-serif, system-ui, -apple-system, sans-serif; -webkit-font-smoothing: antialiased; }
main { max-width: 560px; margin: 0 auto; padding: 48px 22px 64px; }
.logo { width: 140px; height: auto; display: block; margin-bottom: 36px; }
h1 { font-size: 26px; font-weight: 500; margin: 0 0 4px; letter-spacing: -0.015em; }
.date { color: #9a9a9a; font-size: 13px; margin: 0 0 28px; }
h2 { font-size: 17px; font-weight: 500; margin: 28px 0 6px; }
p, li { color: #c9c9c9; }
ul { padding-left: 20px; }
a { color: #fff; }
footer { margin-top: 44px; padding-top: 18px; border-top: 1px solid #262626; font-size: 13px; color: #9a9a9a; }
footer a { color: #9a9a9a; }
form { margin: 20px 0; }
button { font: inherit; color: #000; background: #fff; border: 0; border-radius: 999px; padding: 10px 20px; cursor: pointer; }
button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }