/* responsive.css — media queries i navegació mòbil */

@media (max-width: 820px) {
  .menu-toggle { display: inline-flex; }
  .layout { grid-template-columns: 1fr; }
  .sidebar {
    position: fixed; top: 54px; left: 0; bottom: 0; width: 280px; z-index: 35;
    transform: translateX(-100%); transition: transform .22s var(--ease);
    box-shadow: var(--sh-md);
  }
  .app.nav-open .sidebar { transform: translateX(0); }
  .scrim {
    position: fixed; inset: 54px 0 0 0; background: rgba(0,0,0,.28);
    z-index: 34; opacity: 0; pointer-events: none; transition: opacity .22s;
  }
  .app.nav-open .scrim { opacity: 1; pointer-events: auto; }
  .doc-wrap { padding: 22px 18px 70px; }
  .doc-head .dh-actions { display: none; }
  /* La topbar prioritza els botons de curs: amaguem la marca i el text "Inici"/"Imprimir" */
  .brand { display: none; }
  .topbar .pill-btn:not(.menu-toggle) { font-size: 0; padding: 7px 10px; }
  .topbar .pill-btn:not(.menu-toggle) svg { width: 15px; height: 15px; }
  .course-btn { padding: 7px 12px; font-size: 14px; }
}
@media (min-width: 821px) { .scrim { display: none; } }