/* responsive.css — media queries */

@media (max-width: 820px) {
  .layout { grid-template-columns: 1fr; }
  .sidebar {
    /* En mòbil la sidebar queda sempre visible (scroll de la pàgina sencera).
       Si en un futur es vol tornar al drawer, afegir el codi de transform aquí. */
  }
  .doc-wrap { padding: 22px 18px 70px; }
  .doc-head .dh-actions { display: none; }
  /* En mòbil: text "< Índex" ocult, botons de curs més compactes */
  .topbar .pill-btn { font-size: 0; padding: 7px 10px; }
  .topbar .pill-btn svg { width: 15px; height: 15px; }
  .course-nav-btn { padding: 6px 10px; font-size: 12.5px; }
}