/* Unterrichtsseiten (DE /unterricht/, EN /teaching/, FR /fr/enseignants/) – ergänzt site.css und presse.css. */
.teach-top { margin-top: clamp(2rem, 5vw, 2.8rem); }
.teach-cover img { box-shadow: 0 0 0 1px var(--line), 0 18px 40px rgba(0, 0, 0, .35); border-radius: 4px; background: #fff; }
.teach-top + .press-facts { margin-top: 2.4rem; }

.teach-mods { list-style: none; margin: 1.2rem 0 0; padding: 0; display: grid; gap: 1rem; }
.teach-mods li { display: grid; grid-template-columns: 2.6rem minmax(0, 1fr); gap: .9rem; align-items: start; }
.teach-mods__nr {
  display: inline-grid; place-items: center; width: 2.6rem; height: 2rem; border-radius: 6px;
  background: rgba(231, 195, 118, .14); border: 1px solid var(--line);
  color: var(--gold); font-weight: 600; font-size: var(--step--1);
}
.teach-mods__t { font-weight: 600; color: var(--cream); line-height: 1.35; }
.teach-mods__s { margin-top: .15rem; color: var(--mist); font-size: var(--step--1); line-height: 1.55; }

.teach-peek { list-style: none; margin: 1.2rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; }
@media (min-width: 46rem) { .teach-peek { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.teach-peek a { display: block; }
.teach-peek img { width: 100%; height: auto; border-radius: 3px; background: #fff; box-shadow: 0 0 0 1px var(--line), 0 10px 26px rgba(0, 0, 0, .3); transition: transform .2s ease; }
.teach-peek a:hover img { transform: translateY(-3px); }
.teach-peek p { margin-top: .55rem; font-size: var(--step--1); color: var(--mist); line-height: 1.4; }
@media (prefers-reduced-motion: reduce) { .teach-peek img { transition: none; } .teach-peek a:hover img { transform: none; } }

.teach-know p + p { margin-top: .8rem; }
.teach-know b { color: var(--gold); font-weight: 600; }

.teach-book { margin-top: 1.2rem; display: grid; grid-template-columns: 5.5rem minmax(0, 1fr); gap: 1.3rem; align-items: start; }
.teach-book img { width: 100%; height: auto; }
.teach-book p + p { margin-top: .7rem; }