/* Gemeinsame Schrift- und Größenhierarchie für alle Seiten des Kompasses. */
:root {
  --type-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --type-body: 1rem;
  --type-small: .875rem;
  --type-h1: clamp(2rem, 4vw, 2.375rem);
  --type-h2: 1.375rem;
  --type-h3: 1.125rem;
  --type-h4: 1rem;
}

html, body, button, input, textarea, select {
  font-family: var(--type-family);
}
body { font-size: var(--type-body); line-height: 1.6; }
main h1, main .page-intro h1, .signed-in .page-intro h1 {
  font-size: var(--type-h1) !important;
  line-height: 1.2;
  letter-spacing: -.025em;
}
main h2 { font-size: var(--type-h2) !important; line-height: 1.3; }
main h3 { font-size: var(--type-h3) !important; line-height: 1.35; }
main h4 { font-size: var(--type-h4) !important; line-height: 1.4; }
main p:not(.hint):not(.intro):not(.eyebrow),
main li:not(.hint) {
  font-size: var(--type-body) !important;
  line-height: 1.6;
}
main .hint, main figcaption { font-size: var(--type-small) !important; line-height: 1.5; }
main label { font-size: var(--type-body); }
main summary { font-size: var(--type-body) !important; line-height: 1.45; }
main .info-panel > summary { font-size: 1.0625rem !important; }
footer { font-size: var(--type-small); line-height: 1.5; }
table { font-size: var(--type-small); }