/* Impressum and Datenschutz: plain reading pages in the yearlyy. look (dark by default, light when chosen on the main page). */
@font-face { font-family: "Bebas Neue"; font-weight: 400; font-display: swap; src: url(/fonts/bebas-neue-latin-400-normal.woff2) format("woff2"); }
@font-face { font-family: "Instrument Sans"; font-weight: 400; font-display: swap; src: url(/fonts/instrument-sans-latin-400-normal.woff2) format("woff2"); }
@font-face { font-family: "Instrument Sans"; font-weight: 700; font-display: swap; src: url(/fonts/instrument-sans-latin-700-normal.woff2) format("woff2"); }
:root {
  color-scheme: dark;
  --bg: #000000;
  --fg: #ffffff;
  --fg-2: #d4d4d4;
  --muted: #a3a3a3;
  --line: rgba(255, 255, 255, 0.12);
  --todo-bg: #f4cb5c;
  --todo-fg: #000000;
  --red: #f2656f;
}
html[data-mode="light"] {
  color-scheme: light;
  --bg: #ffffff;
  --fg: #0b0b0d;
  --fg-2: #2a2a2e;
  --muted: #5d5d63;
  --line: rgba(10, 10, 12, 0.12);
}
html, body { margin: 0; }
body { background: var(--bg); color: var(--fg-2); font-family: "Instrument Sans", "Helvetica Neue", Arial, sans-serif; font-size: 16px; line-height: 1.6; }
.legal { max-width: 42rem; margin: 0 auto; padding-block: 32px 96px; padding-left: max(16px, 4vw, env(safe-area-inset-left, 0px)); padding-right: max(16px, 4vw, env(safe-area-inset-right, 0px)); }
.back { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--fg); text-decoration: none; font-weight: 700; font-size: 20px; letter-spacing: -0.02em; }
.back .dot { color: var(--red); }
h1 { margin: 32px 0 8px; font-family: "Bebas Neue", Impact, sans-serif; font-weight: 400; font-size: clamp(44px, 9vw, 64px); line-height: 0.95; color: var(--fg); text-wrap: balance; }
h2 { margin: 36px 0 8px; font-size: 17px; font-weight: 700; color: var(--fg); }
p, ul { margin: 0 0 12px; }
ul { padding-left: 1.2em; }
a { color: var(--fg); text-underline-offset: 3px; }
a:focus-visible { outline: 2px solid var(--fg); outline-offset: 3px; border-radius: 3px; }
.en { color: var(--muted); font-size: 14px; }
.meta { margin-top: 40px; padding-top: 16px; border-top: 1px solid var(--line); color: var(--muted); font-size: 14px; }
mark.todo { background: var(--todo-bg); color: var(--todo-fg); padding: 0 4px; border-radius: 3px; }