/* kapitel/phase-kachel.css — Phasen als Kacheln (Stil Physik K9), siteweit für alle Fächer.
   Wird vor </body> eingebunden und überschreibt ältere seiteneigene Phasen-Styles
   (Kreis-Nummer, Trennlinie). Farben über <html data-fach="…">. Stand 13.10.2026. */
html{--pk-strong:#3a5a8c;--pk-ink:#15294a}
html[data-fach="mathematik"]{--pk-strong:#3a5a8c;--pk-ink:#15294a}
html[data-fach="physik"]{--pk-strong:#7c5fb5;--pk-ink:#3d2a6b}
html[data-fach="informatik"]{--pk-strong:#c47a3a;--pk-ink:#6b3a14}
html[data-fach="chemie"]{--pk-strong:#4a8a45;--pk-ink:#1f4a1a}
html[data-fach="biologie"]{--pk-strong:#b8542a;--pk-ink:#5a2810}
html[data-fach="schach"]{--pk-strong:#5a4a32;--pk-ink:#2e2618}

html body section.phase{position:relative!important;background:#faf6ee!important;border:1px solid #d9cdb8!important;border-radius:20px!important;padding:34px 38px!important;margin:0 0 24px!important;box-shadow:0 1px 2px rgba(40,30,25,.06),0 3px 8px rgba(40,30,25,.07)!important;scroll-margin-top:80px}
html body section.phase::before{content:none!important;display:none!important}
html body section.phase>.phase-head{display:flex!important;align-items:center!important;gap:13px!important;margin:0 0 14px!important;padding:0!important;border:0!important;background:none!important}
html body section.phase>.phase-head::after,html body section.phase>.phase-head::before{content:none!important;display:none!important}
html body section.phase .phase-num{width:28px!important;height:28px!important;min-width:28px!important;flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border:0!important;border-radius:9px!important;background:var(--pk-strong)!important;color:#fff!important;font-family:'Fredoka',sans-serif!important;font-style:normal!important;font-weight:600!important;font-size:14px!important;line-height:1!important;padding:0!important;margin:0!important;box-shadow:0 3px 8px -2px rgba(20,45,90,.45)!important}
html body section.phase>.phase-head h2{margin:0!important;padding:0!important;border:0!important;font-family:'Fredoka',Inter,sans-serif!important;font-size:27px!important;line-height:1.16!important;color:var(--pk-ink)!important;letter-spacing:-0.012em!important;font-weight:700!important}
html body section.phase>.phase-head h2 em{font-style:normal!important;color:inherit!important}
html body section.phase:last-of-type{margin-bottom:24px!important}
@media(max-width:640px){html body section.phase>.phase-head h2{font-size:23px!important}}
@media(max-width:560px){html body section.phase{padding:26px 22px!important}}
@media(max-width:400px){html body section.phase{padding:22px 16px!important;border-radius:16px!important}}
@media print{html body section.phase{box-shadow:none!important;break-inside:auto}}