/* peil — ausgelagert aus changelog.html (19.08.2026).
   Grund: Die Content-Security-Policy erlaubt nur `style-src 'self'`;
   ein <style>-Block IM Dokument gilt als inline und wird verworfen —
   die Seite kam seit dem CSP-Scharfstellen komplett ohne Gestaltung.
   Nicht zurück ins HTML holen. */
:root {
  color-scheme: light dark;
  --ground: #f6f3f2; --panel: #fbf9f8; --ink: #1b1618; --muted: #6d6467;
  --hair: #e0d9d8; --accent: #c0141b;
}
@media (prefers-color-scheme: dark) {
  :root { --ground:#131013; --panel:#191518; --ink:#f2ecee; --muted:#9a9094;
          --hair:#2c2529; --accent:#ec4b4f; }
}
:root[data-theme="light"] { --ground:#f6f3f2; --panel:#fbf9f8; --ink:#1b1618;
  --muted:#6d6467; --hair:#e0d9d8; --accent:#c0141b; }
:root[data-theme="dark"] { --ground:#131013; --panel:#191518; --ink:#f2ecee;
  --muted:#9a9094; --hair:#2c2529; --accent:#ec4b4f; }
* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  background: var(--ground); color: var(--ink);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  line-height: 1.55;
}
main { width: min(680px, 100% - 48px); margin: 0 auto; padding: 40px 0 24px; }
.top { display: flex; align-items: baseline; gap: 14px; margin-bottom: 34px; }
.top a.brand { font-weight: 800; font-size: 20px; letter-spacing: -0.01em;
  color: var(--ink); text-decoration: none; }
.top a.brand .dot { color: var(--accent); }
h1 { font-size: 28px; letter-spacing: -0.015em; margin: 0 0 8px; }
.entry { background: var(--panel); border: 1px solid var(--hair);
  border-radius: 12px; padding: 16px 20px; margin: 14px 0; }
.entry time { font-size: 13px; font-weight: 700; color: var(--accent);
  font-variant-numeric: tabular-nums; }
.entry ul { margin: 8px 0 2px; padding-left: 20px; }
.entry li { margin: 4px 0; }
.muted { color: var(--muted); }
footer { width: min(680px, 100% - 48px); margin: 0 auto; padding: 20px 0 26px;
  border-top: 1px solid var(--hair); font-size: 13px; color: var(--muted);
  display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
footer a { color: var(--muted); }