/* Imprint and privacy: the teaser's ink page as one quiet reading column */
@font-face { font-family: "Figtree"; src: url("/fonts/figtree-latin.woff2") format("woff2"); font-weight: 400 800; font-display: swap; }
:root { --pad: clamp(20px, 4.5vw, 64px); }
* { box-sizing: border-box; }
html, body { margin: 0; background: #1B1F24; color: #F3F3F1; }
body { font-family: "Figtree", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
header { padding: var(--pad); }
header img { display: block; height: clamp(30px, 3.2vw, 46px); width: auto; }
main { width: min(680px, calc(100% - 2 * var(--pad))); margin: clamp(24px, 6vh, 72px) auto clamp(64px, 12vh, 120px); }
h1 { margin: 0; font-size: clamp(40px, 7vw, 72px); font-weight: 700; line-height: 1; letter-spacing: -0.035em; }
h2 { margin: 44px 0 0; padding-top: 22px; border-top: 1px solid rgba(243, 243, 241, 0.12); font-size: 20px; font-weight: 700; letter-spacing: -0.01em; }
p { margin: 14px 0 0; font-size: 16px; line-height: 1.7; color: rgba(243, 243, 241, 0.72); }
h1 + p { margin-top: 32px; }
a { color: #F3F3F1; text-underline-offset: 3px; }
footer { padding: 0 var(--pad) max(var(--pad), env(safe-area-inset-bottom)); font-size: 13px; color: rgba(243, 243, 241, 0.45); }
footer a { color: inherit; text-decoration: none; margin-right: 20px; }
footer a:hover { color: #F3F3F1; }