.learning-media { margin: 1.5rem 0; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: var(--surface); }
.learning-media video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; background: #000; }
.learning-media figcaption { padding: .9rem 1rem; color: var(--muted); font-size: .9rem; }
.worksheet-sheet { border: 1px solid var(--line); border-radius: var(--radius); padding: clamp(1.2rem, 4vw, 2.5rem); background: var(--surface); }
.worksheet-sheet h2 { margin-top: 0; }
.worksheet-tasks { padding-left: 1.5rem; }
.worksheet-tasks li { padding: .5rem 0 1.5rem; break-inside: avoid; }
.worksheet-tasks h3 { margin: 0 0 .4rem; }
.worksheet-tasks p { margin: 0 0 1rem; }
.worksheet-lines { min-height: 4.5rem; background: repeating-linear-gradient(to bottom, transparent 0 1.35rem, var(--line) 1.35rem calc(1.35rem + 1px), transparent calc(1.35rem + 1px) 1.7rem); }
.worksheet-solutions { margin-top: 1.5rem; border: 1px solid var(--line); border-radius: var(--radius); padding: 1rem 1.5rem; }
.worksheet-solutions summary { cursor: pointer; font-weight: 700; }
.worksheet-solutions li { padding: .45rem 0; }
@media print {
  body { color: #111; background: #fff; }
  body::before, .site-header, .site-footer, .school-page .hero .button, .school-page .notice, .worksheet-solutions, .school-page #sources { display: none !important; }
  .school-page .hero { padding: 0 0 1rem; background: none; }
  .school-page .hero h1, .school-page .hero p, .worksheet-sheet, .worksheet-sheet h2, .worksheet-sheet h3, .worksheet-sheet p { color: #111; }
  .school-page .section { padding: 0; }
  .worksheet-sheet { border: 0; padding: 0; background: #fff; }
  .worksheet-lines { background: repeating-linear-gradient(to bottom, transparent 0 1.35rem, #777 1.35rem calc(1.35rem + 1px), transparent calc(1.35rem + 1px) 1.7rem); }
}