/* Screen 8 · Academy (Design .s8) */
.academy .sek { margin: 16px 4px 7px; }
.academy .sek > .ac-zahl { margin-left: auto; font: 500 14px/16px var(--schrift); letter-spacing: 0; text-transform: none; color: var(--navy); opacity: .7; }
.academy .module .mzeile { cursor: pointer; }
.academy .module .mzeile.gedrueckt { opacity: 1; }
.academy .module .mzeile::after { content: ""; position: absolute; inset: 0 -14px; background: rgba(28,36,75,.045); opacity: 0; transition: opacity .25s; pointer-events: none; }
.academy .module .mzeile.gedrueckt::after { opacity: 1; transition-duration: 0s; }
.academy .module { overflow: hidden; }
.academy .fk { cursor: pointer; transition: transform .3s var(--ios); }
.academy .fk.gedrueckt { opacity: 1; transform: scale(.96); transition-duration: .1s; }
.academy .video.tippbar .play { transition: transform .3s var(--ios); }
.academy .video.gedrueckt .play { transform: scale(.9); }

/* Davids Blick auf Lenas Plan */
.academy .ac-notiz { display: flex; align-items: center; gap: 8px; margin-top: 12px; padding: 10px 14px; border-radius: 14px;
  background: var(--taupe-bg); color: var(--taupe-tief); font: 600 13px/18px var(--schrift); }
.academy.lesen .fort { margin-top: 10px; }

/* Alles geschafft */
.ac-fertig { display: flex; align-items: center; gap: 12px; padding: 14px; }

/* Ring nach Abschluss */
.ac-puls { animation: ac-puls .7s var(--ios) .15s; }
@keyframes ac-puls { 0%, 100% { transform: scale(1); } 40% { transform: scale(1.08); } }

/* Freischaltung, die gerade frei wurde */
.fk.ac-neu-frei { animation: ac-frei .8s var(--ios) both; }
@keyframes ac-frei { 0% { transform: scale(.94); opacity: .6; } 60% { transform: scale(1.03); opacity: 1; } 100% { transform: scale(1); } }

/* Echte Daten: Entwurf-Hinweis, Team-Stand (Leitung), Wochen je Modul */
.ac-entwurf { display: flex; align-items: center; gap: 7px; margin: 10px 4px 0; font: 500 12.5px/17px var(--schrift); color: var(--text3); }
.ac-entwurf .ic { flex: none; }
.academy .ac-team .zeile { gap: 12px; min-height: 62px; }
.academy .ac-team .zeile + .zeile::before { left: 52px; }
.academy .ac-team .ring-w b { font-size: 10.5px; }
.academy .ac-team .zt .t2 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.academy .ac-woche { flex: none; font-size: 11.5px; }
.academy .ac-laedt { padding: 22px 16px; text-align: center; margin-top: 14px; }