@media (max-width: 520px) {
  html,
  body {
    max-width: 100%;
    overflow-x: clip;
  }
  .site-header .unified-header-container {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
  }
  .hero .eyebrow {
    max-width: 100%;
    overflow-wrap: anywhere;
  }
  .privacy-notice {
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    max-width: calc(100vw - 24px) !important;
    min-width: 0;
    overflow: hidden;
  }
  .privacy-notice > * { min-width: 0; }
  .privacy-notice p { overflow-wrap: anywhere; }
  .privacy-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    width: 100%;
  }
  .privacy-actions > * {
    min-width: 0 !important;
    width: 100%;
    white-space: normal;
  }
  .privacy-actions > a { grid-column: 1 / -1; }
  body:has(.mobile-controls) .privacy-notice {
    bottom: calc(82px + env(safe-area-inset-bottom)) !important;
  }
  .back-to-quizzes { font-size: 0; padding-inline: 10px; }
  .back-to-quizzes::before { content: "←"; font-size: 1rem; }
}