/* ---------- MEDIA QUERIES ---------- */
@media (max-width: 520px) { #section-panel { padding: 12px; } }
@media (min-width: 768px) { #content { max-height: 30vh; overflow: hidden; } }
@media (max-width: 768px) { #content { max-height: none; padding-bottom: clamp(8px, 2vh, 16px); } }
@media (max-height: 480px) { #content { max-height: 70vh; overflow-y: auto; } }

/* Accesibilidad: reducir movimiento si el usuario lo prefiere */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  #ct-cursor { animation: none; opacity: 0.5; }
}