/* Eine Datei, keine Abhängigkeiten. Die Seite soll in zehn Jahren noch laden. */
:root {
  --text: #1c1c1e;
  --gedaempft: #6b6b70;
  --grund: #ffffff;
  --flaeche: #f2f2f7;
  --linie: #d8d8dd;
  --akzent: #0a58c2;
}
@media (prefers-color-scheme: dark) {
  :root {
    --text: #f2f2f7;
    --gedaempft: #9a9aa0;
    --grund: #1c1e26;
    --flaeche: #262932;
    --linie: #3a3d46;
    --akzent: #6aa6ff;
  }
}
* { box-sizing: border-box; }
body {
  margin: 0;
  padding: 0 16px 64px;
  background: var(--grund);
  color: var(--text);
  font: 17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  -webkit-text-size-adjust: 100%;
}
main, header, footer { max-width: 42rem; margin: 0 auto; }
header { padding: 48px 0 24px; border-bottom: 1px solid var(--linie); }
h1 { font-size: 1.9rem; line-height: 1.2; margin: 0 0 6px; }
h2 { font-size: 1.25rem; margin: 40px 0 10px; }
h3 { font-size: 1.05rem; margin: 28px 0 6px; }
p, li { margin: 0 0 12px; }
ul { padding-left: 1.2em; }
a { color: var(--akzent); }
.unterzeile { color: var(--gedaempft); margin: 0; }
nav { margin: 16px 0 0; font-size: 0.95rem; }
nav a { margin-right: 18px; }
table { border-collapse: collapse; width: 100%; margin: 12px 0 20px; font-size: 0.95rem; }
th, td { text-align: left; padding: 8px 10px; border-bottom: 1px solid var(--linie); vertical-align: top; }
th { color: var(--gedaempft); font-weight: 600; }
/* Sonst bricht "4.1 MB" auf dem Telefon zwischen Zahl und Einheit um. */
td + td, th + th { white-space: nowrap; }
code { background: var(--flaeche); padding: 1px 5px; border-radius: 4px; font-size: 0.9em; }
.kasten { background: var(--flaeche); border-radius: 12px; padding: 16px 18px; margin: 20px 0; }
.kasten p:last-child { margin-bottom: 0; }
footer { margin-top: 56px; padding-top: 20px; border-top: 1px solid var(--linie);
         color: var(--gedaempft); font-size: 0.9rem; }