@media (max-width: 58rem) {
  .intro-copy h1 { font-size: clamp(2.65rem, 6.8vw, 4.4rem); }

  .result-offer {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .question-layout {
    padding-top: 2rem;
  }
}

@media (max-width: 46rem) {
  .quiz-app { padding-block: 1.5rem 2.5rem; }

  .screen-intro {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .quiz-brand { width: min(72vw, 16rem); }
  .intro-copy {
    justify-items: center;
    text-align: center;
  }

  .intro-brand { width: min(72vw, 18rem); }
  .intro-copy h1 { font-size: clamp(2.45rem, 11vw, 3.7rem); }
  .pillar-list { justify-content: center; }
  .microcopy { text-align: center; }

  .quiz-card,
  .result-card {
    border-radius: 1.25rem;
    padding: 1.15rem;
  }

  .question-layout {
    min-height: 28rem;
    padding: 1.6rem 0 0.4rem;
  }

  .question-corner-icon {
    top: -0.75rem;
    right: -2.25rem;
    width: 15rem;
  }

  .step-label {
    max-width: 7.75rem;
  }
  .respondent-switch { grid-template-columns: 1fr; }
  .question-title { font-size: clamp(1.9rem, 8.5vw, 2.75rem); }
  .option-button { min-height: 3.85rem; }
  .score-grid { grid-template-columns: 1fr; }
  .result-insights { grid-template-columns: 1fr; }
  .result-heading { align-items: flex-start; }
  .result-monogram { width: 4rem; }
  .result-offer { padding: 2.5rem 1rem; }
  .result-offer-heading { text-align: center; }
  .result-offer-heading h2 { font-size: clamp(2.2rem, 10vw, 3.35rem); }
  .result-offer-card { border-radius: 1.2rem; padding: 1.4rem; }
  .result-offer-price strong { font-size: 5.2rem; }

  .result-actions,
  .result-actions .button,
  .question-continue,
  .lead-form .button { width: 100%; }

  .site-footer {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding-block: 1.25rem;
  }
}

@media (max-width: 25rem) {
  .page-frame { padding-inline: 0.8rem; }
  .pillar-list { gap: 0.45rem; }
  .pillar-list li { padding-inline: 0.62rem; }
  .quiz-topline { align-items: flex-start; }
  .step-label { max-width: 8.5rem; text-align: right; }
}

@media (min-width: 75rem) and (min-height: 52rem) {
  .screen-intro { min-height: 42rem; }
}

@media print {
  :root { color-scheme: light; }

  body {
    background: #fff;
    color: #17130d;
  }

  .skip-link,
  .site-header,
  .site-footer,
  .particle-canvas,
  .ambient-glow,
  .result-actions,
  .result-offer {
    display: none !important;
  }

  main,
  .screen-result,
  .result-card {
    display: block !important;
    min-height: 0;
  }

  .screen:not(.screen-result) { display: none !important; }

  .result-card {
    border: 0;
    background: #fff;
    box-shadow: none;
    color: #17130d;
    padding: 0;
  }

  .result-card::before { display: none; }

  .result-card h1,
  .result-card p,
  .score-label,
  .result-insight { color: #17130d; }

  .score-item,
  .result-priority,
  .result-insight {
    break-inside: avoid;
    border-color: #c7ae78;
    background: #fff;
  }
}
