/* P32: private shell responsive remainder; no layout clipping or font reduction. */
@media (min-width: 981px) {
  body:is([data-page="biblioteca"],[data-page="campus"],[data-page="ruta"],[data-page="feed"],[data-page="perfil"],[data-page="diagnostico"]) .top-actions { flex-wrap: wrap; }
  body:is([data-page="biblioteca"],[data-page="campus"],[data-page="ruta"],[data-page="feed"],[data-page="perfil"],[data-page="diagnostico"]) .top-actions > .btn { max-inline-size: 100%; overflow-wrap: normal; word-break: normal; }
  body:is([data-page="biblioteca"],[data-page="campus"],[data-page="ruta"],[data-page="feed"],[data-page="perfil"],[data-page="diagnostico"]) .top-actions > a.btn { flex-shrink: 0; white-space: nowrap; }
}
body[data-page="diagnostico"] #diagnostic-form .diag-progress { flex-wrap: wrap; }