@font-face { font-family: "Newsreader"; font-weight: 200 800; src: url("../fonts/newsreader-latin-opsz-normal.woff2") format("woff2-variations"); }
@font-face { font-family: "Newsreader"; font-style: italic; font-weight: 200 800; src: url("../fonts/newsreader-latin-opsz-italic.woff2") format("woff2-variations"); }
@font-face { font-family: "Schibsted Grotesk"; font-weight: 400 900; src: url("../fonts/schibsted-grotesk-latin-wght-normal.woff2") format("woff2-variations"); }
body { font-family: "Newsreader", Georgia, serif; color: #000; max-width: 720px; margin: 24px auto; padding: 0 20px; font-size: 12pt; line-height: 1.55; }
h1, h2, .org, .meta, .bar { font-family: "Schibsted Grotesk", Arial, sans-serif; }
.bar { display: flex; gap: 16px; align-items: center; padding: 10px 0 18px; border-bottom: 1px solid #ccc; margin-bottom: 24px; }
.bar button { font: inherit; font-weight: 700; padding: 8px 16px; border: 2px solid #000; background: #000; color: #fff; border-radius: 6px; cursor: pointer; }
.org { font-size: 10pt; font-weight: 700; letter-spacing: .02em; margin: 0 0 8px; }
h1 { font-size: 24pt; line-height: 1.1; margin: 0 0 10px; letter-spacing: -.02em; }
.sub { font-style: italic; font-size: 14pt; margin: 0 0 10px; }
.meta { font-size: 10pt; color: #333; border-top: 2px solid #000; padding-top: 8px; margin-bottom: 18px; }
figure { margin: 0 0 18px; }
figure img { max-width: 100%; max-height: 9cm; }
figcaption { font-size: 9pt; color: #333; margin-top: 4px; }
.lead { font-weight: 600; font-family: "Schibsted Grotesk", Arial, sans-serif; }
.box { border-top: 1px solid #999; margin-top: 18px; padding-top: 10px; font-size: 10.5pt; }
.box h2 { font-size: 11pt; margin: 0 0 6px; }
.url { font-size: 9pt; color: #333; margin-top: 24px; word-break: break-all; }
@media print { .bar { display: none; } body { margin: 0; } a { color: #000; text-decoration: none; } }