.interview-grid > *, .admin-grid > *, .library-card > * { min-width: 0; }
input, textarea, select { min-width: 0; }
h1, h2, h3, .notice { overflow-wrap: break-word; }
@media (max-width: 480px) {
  .hero h1 { font-size: clamp(32px, 10vw, 48px); }
  .section-heading, .review-row { flex-direction: column; }
  .steps { grid-template-columns: 1fr; gap: 12px; margin: 30px 0; }
  .steps article { padding-top: 12px; }
  .card, .answer-card { padding: 22px; }
  .video-card { padding: 0; }
  .question-copy { padding: 20px; }
  .video-top { padding: 15px; }
  .question-copy h2 { font-size: 25px; }
  .question-editor summary h3 { display: block; margin-left: 0; }
  .site-header { flex-wrap: wrap; height: auto; min-height: 72px; padding-block: 15px; }
}