/* Schriftskala für gr4ai.org (30.10.2026, Jan: „font sizes and font types across the page … sections too small“).
   Wird auf allen 18 Seiten zuletzt geladen und legt die Lesegrößen fest. Neue Bausteine: eine dieser Stufen nehmen.

   Schriften: Inter für Text, Fraunces für Überschriften, Zitate und Rubriken. Keine dritte Schrift.

   Guide (Kinder 7–12)           Desktop   Handy
   --t-read  Lesetext             20 px     18.5 px   Sprechblasen, Einleitungen, Kästen, Quizantworten, Hinweise
   --t-card  Text in Karten       18 px     17 px     Listen in Karten, Glossar, Kartenrückseiten, Chips, Untertitel
   --t-small Etiketten            15 px     15 px     Rubriken, Zähler, Nachweise, Fußzeile (nie kleiner)
   Über- und Lehrerseiten (Erwachsene): Fließtext mind. 17/16 px, Etiketten 15 px.
   Ausnahme: Schilder im Muffin-Foto und die kleine Hype-Kurve (hat „Größer anzeigen“). */
:root{ --t-read: 20px; --t-card: 18px; --t-small: 15px; }
@media (max-width: 760px){ :root{ --t-read: 18.5px; --t-card: 17px; } }

/* ---------- Guide: Lesetext ---------- */
.chapter-intro p, .quiz-bubble p, .quiz-answer-bubble p, .hype-box p, .chapter-text p,
.cloud-intro-bubble p, .fact-banner p, .neural-box p, .final-quiz-box p, .quiz-option,
.mk-item p, .sg-how, .sc-hint, .flip-hint, .career-hint, .hype-hint, .compare-item,
.gallery-step p, .flow-caption, .neural-box p.flow-caption, .eco-scale figcaption, .padlet-note,
.below, .img-caption, .mf-sub, .mf-ask, #ch2 .info-callout p, #guide-thanks .info-callout p,
.thanks-list li, .actions .intro, .cv-lede{ font-size: var(--t-read) !important; }

/* ---------- Guide: Text in Karten ---------- */
.concept-card li, .flip-back-text p, .flip-back-text ul, .flip-back ul, .flashcard li,
.principle-blob .pb-txt, .help-card p, .sg-chip, .career-study, .gang-card p, .gang-say,
.glossary-entry dd, .pill, .eco-ends span, .eco-hint, .pg-how, .pg-chip span:not(.pg-ico), .pg-opt span:not(.pg-ico),
.quiz-hint, .keep-scrolling, .sc-list li, .cn-next-t, .gd-hint, .gang-profs-lede, .sg-empty,
.gw-count, .mf-count, .mf-say, .sg-count, .sg-say{ font-size: var(--t-card) !important; }

/* ---------- Guide: Etiketten ---------- */
.cn-next-k, .compare-tag, .flow-step small, .muffin-credit, .eco-tag, .eco-mid, .padlet-fallback,
#guide-gallery .fact-banner p, .gd-chips, .gd-chips a, .dedication-kicker, .gw-head .chapter-num,
.kicker, .pg-m-step, footer.site, footer.site a, .brand-sub, .lg-headbtn span{ font-size: var(--t-small) !important; }
.flow-label{ font-size: 16px !important; }

/* ---------- Guide: Überschriften in Karten etwas größer ---------- */
.concept-card h4{ font-size: clamp(20px, 2vw, 23px) !important; }
.flip-back h4, .flip-back.has-image .flip-back-text h4{ font-size: 20px !important; }
.fact-banner-kicker, .info-callout-kicker{ font-size: 20px !important; }
.principle-blob strong{ font-size: 20px !important; }

/* ---------- Über-Seiten (Erwachsene) ---------- */
.promise p, .member .bio, .privacy p, .privacy li, .chapters li:not(.why-free){ font-size: 17px !important; }
.specs .label, .member .follow, .follow, .member .role, .testimonial .t-role, .ms-name, .tm-note, .press-k, .tm-more,
form.contact > label, form.contact label{ font-size: var(--t-small) !important; }

/* ---------- Lehrerseiten (Erwachsene) ---------- */
.ch .status, .meta dt, .step .t span, .who strong, .mins small{ font-size: var(--t-small) !important; }
.arc-seg p, .arc-note, .checks li, details.answers .inner td, details.answers .inner th,
details.answers .inner li, details.answers .inner p, .know-grid p, .card dd, .card li, .step li, .step li b, .step p b, .who div, .ch p, .kitcard p{ font-size: 17px !important; }
a.btn, span.btn, button.btn{ font-size: 16px !important; }
.ch-grid > li, .ch-grid > li > .ch, .ch > *{ min-width: 0; }
.ch .status{ white-space: normal; letter-spacing: .02em; }

/* ---------- Kleinigkeiten ---------- */
.gw-say, .hype-zoom span{ font-family: inherit; }           /* Emoji-Knöpfe fielen auf Arial zurück */
#ch9 .concept-grid{ user-select: none; -webkit-user-select: none; }

/* ---------- Platz für die größere Schrift ---------- */
/* Alltagskarten Kap. 7/8: Rückseite mit Bild etwas höher (längste Karte „Bildung/Εκπαίδευση“ passt in allen Sprachen) */
.flip-grid.has-image-cards .flip-card{ aspect-ratio: 16/13.8; }
@media (max-width: 900px){ .flip-grid.has-image-cards .flip-card{ aspect-ratio: 16/21; } }
@media (max-width: 480px){ .flip-grid.has-image-cards .flip-card{ aspect-ratio: 16/25; } }
@media (max-width: 380px){ .flip-grid.has-image-cards .flip-card{ aspect-ratio: 16/26.5; } }
/* Grundsatz-Kreise Kap. 11/15 auf Tablets etwas größer */
@media (min-width: 601px) and (max-width: 950px){
  .principle-blob{ width: 310px !important; height: 310px !important; padding: 40px 34px !important; }
}