/* 4.9.2: distribución original; detalles visuales discretos, solo en pantalla. */
@media screen {
  .side-nav a.active { background:linear-gradient(110deg,#168fc7,#2675ba); }
  .side-nav a { transition:background-color .18s ease,color .18s ease; }
  .card { transition:box-shadow .2s ease; }
  input:focus-visible, select:focus-visible, textarea:focus-visible { outline:2px solid #168fc7;outline-offset:2px; }
}
@media screen and (prefers-reduced-motion:no-preference) {
  .page-title { animation:soft-title-in .25s ease-out both; }
  @keyframes soft-title-in { from { opacity:.7;transform:translateY(3px); } to { opacity:1;transform:none; } }
}