/* css/i18n.css — Bausteine der englischen Fassung (/en/), seit 2026-10-24.
   Nur auf /en/-Seiten geladen. Farben aus den Tokens der jeweiligen Seite
   (styles.css / Cream-Band), keine neuen Hexwerte außer dort, wo die
   Nachbarbausteine sie auch fest setzen. Siehe docs/i18n/styleguide-en.md. */

/* Hinweis „in German“ an Karten, Kacheln und Links auf deutsche Seiten */
.lang-de-badge {
  display: inline-block;
  margin-left: 6px;
  padding: 1px 7px;
  border: 1px solid currentColor;
  border-radius: 999px;
  font-family: var(--font-mono, 'JetBrains Mono', ui-monospace, monospace);
  font-size: 10.5px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  /* volle Deckkraft: mit opacity .75 fiel der Kontrast auf dem grünen
     Button und im Footer unter 4,5:1 (Lighthouse 2026-10-25) */
  vertical-align: 0.15em;
  white-space: nowrap;
}

/* Startseite: Hinweis „Work in progress“ unter den Kennzahlen (Flo 2026-10-27) */
.hero__wip {
  max-width: 46ch;
  margin: 22px 0 0;
  padding: 2px 0 2px 14px;
  border-left: 2px solid currentColor;
  font-size: 14.5px;
  line-height: 1.55;
}
.hero__wip strong { font-weight: 600; }

/* Startseite: zwei CTA-Buttons statt drei, ohne AMA-Kachel */
.hero-teaser__row--zwei { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 960px) {
  .hero-teaser__row--zwei { grid-template-columns: minmax(0, 1fr); }
}
.hero-teaser__rest--en { margin-top: clamp(16px, 2.6vw, 28px); }

/* Unterzeile unter der deutschen News-Leiste */
.tl-leiste-hinweis {
  margin: 10px 0 0;
  font-family: var(--font-mono, 'JetBrains Mono', ui-monospace, monospace);
  font-size: 12px;
  letter-spacing: 0.06em;
  /* --ink-soft statt --muted: --muted erreicht auf dem Cream-Band nur 3,65:1 */
  color: var(--ink-soft, #1B3A2B);
}

/* Hinweis über dem Artikel-Raster, solange es keine englischen Artikel gibt */
.topics__note {
  margin: 0 0 22px;
  max-width: 62ch;
  color: var(--ink-soft, #1B3A2B);
}

/* Footer: Region-Zeile und Verzeichnis-Link */
.footer__region { margin: 0; }
.footer__region a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }

/* ———— Artikel (/en/articles/, Phase 2) ————
   Europa-Hinweis nach der TLDR-Box und Region-Bausteine im Text: Randnotiz-Stil
   wie die Ticker-Randnotiz (css/ticker.css .tl-randnotiz) – 2px-Linie links,
   gedämpfte Schrift, kein Kasten, damit sie nicht wie die TLDR-Box aussehen.
   Farben aus articles/article.css (--ink, --ink-soft). Wortlaute: docs/i18n/styleguide-en.md. */
.region-note {
  margin: 28px 0;
  padding: 2px 0 2px 20px;
  border-left: 2px solid var(--ink, #1f3a32);
  color: var(--ink-soft, #42554c);
  font-size: 15.5px;
  line-height: 1.55;
}
.region-note p { margin: 0; font-size: inherit; line-height: inherit; color: inherit; }
.region-note p + p { margin-top: 8px; }
/* articles/article.css setzt eine Initiale auf jeden ersten Absatz in .prose
   (.prose p:first-of-type::first-letter) – im Baustein nicht. */
.prose .region-note p:first-of-type::first-letter {
  font: inherit; float: none; margin: 0; color: inherit; font-variation-settings: normal;
}
.region-note--europe { margin: -20px 0 44px; }
.region-note__titel { color: var(--ink, #1f3a32); }
.region-note__ki { font-size: 14px; font-style: italic; }
/* Schnellcheck: interaktive Fassung vorerst nur deutsch (Phase 3) */
.schnellcheck-de { text-align: center; color: var(--ink-soft, #42554c); }