/* Approved review: wider desktop layout and readable small text. */
:root { --max: 1440px; }
.button, .sim-results .button { font-size: 16px; min-height: 58px; }
.button.compact { font-size: 14px; }
.text-link, .nav nav { font-size: 14px; }
.eyebrow, .hero .eyebrow { font-size: 12px; }
.lead { font-size: 19px; }
.micro, .form-kicker, .sim-label, .result-top span { font-size: 12px; }
.expertise-band span, .expertise-band a { font-size: 14px; }
.scenario-result > p, .service-card > p { font-size: 16px; }
.scenario-result > small, .disclaimer, .sim-help, .contact-card .privacy { font-size: 13px; }
.scenario-tags span { font-size: 12px; }
.service-card ul, .service-card > a { font-size: 14px; }
.journey-card { width: 330px; }
.journey-card small { font-size: 11px; }
.journey-card div > span, .visual-caption { font-size: 13px; }
.sim-controls label, .clicks-total, .comparison article > span, .comparison small { font-size: 14px; }
.sim-controls output { font-size: 16px; }
#sim-difference { font-size: 15px; }
.diagnosis-image .eyebrow { font-size: 12px; }
.diagnosis-copy > p:not(.eyebrow), .diagnosis-item p { font-size: 15px; }
.contact-points span, .contact-card > p, .form-alternative { font-size: 14px; }
.contact-card #form-status, .footer span, .footer small { font-size: 12px; }
.faq summary { font-size: 16px; }
.faq details p { font-size: 15px; }
@media (max-width: 800px) {
  .nav .button { font-size: 13px; }
  .lead, .hero .lead { font-size: 17px; }
  .hero .eyebrow { font-size: 11px; }
  .expertise-band span, .expertise-band a { font-size: 12px; }
  .journey-card { width: 315px; }
  .sim-controls label { font-size: 13px; }
}
@media (max-width: 420px) {
  .brand img { width: 80px; }
  .nav { gap: 12px; }
  .nav .button { font-size: 13px; padding: 11px 12px; gap: 8px; }
  .actions > .button { font-size: 16px; }
  .hero .eyebrow { font-size: 10px; }
  .journey-card { width: min(290px, 100%); }
  .journey-card small { font-size: 10px; }
  .journey-card div > span { font-size: 12px; }
  .sim-controls label { align-items: flex-start; font-size: 13px; }
  .sim-controls output { font-size: 14px; }
  .footer span { font-size: 12px; }
}