/* Reading and touch targets across the main page and constitutional guide. */
body{--muted:#49636b}
.card-detail p,.situation-panel details p,.duties-list details>div p,.constitution-text>p,.section-heading>p,.duties-intro>p,.quiz-intro>p,.quiz-welcome>p,.quiz-result>p,.takeaway p,.help p{font-size:16px;line-height:1.8}
.right-card summary>p{font-size:16px;line-height:1.7;min-height:0}
.card-detail a,.situation-panel .situation-source,.duties-list details>div a,.help-source{font-size:14px;line-height:1.7}
.card-detail a,.duties-list details>div a,.situation-panel details>div>a,.help-source{display:inline-flex;align-items:center;min-height:44px}
.rights-footnote{font-size:14px}
.button,.text-link,.header-quiz,.quiz-option,.quiz-feedback p,.quiz-welcome .quiz-facts,.review-answers ol{font-size:16px}
.button,.text-link,.header-quiz,.menu-toggle,.back-top,.quiz-option,.dialog-close{min-height:44px}
.menu-toggle{min-width:44px}
.quiz-feedback a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
.quiz-status,.quiz-label,.quiz-feedback,.quiz-facts,.option-letter{font-size:14px}
.quiz-option{line-height:1.7;padding:15px 17px}
.quiz-card{padding:32px}
.quiz-status{gap:15px;flex-wrap:wrap}
.quiz-facts{flex-wrap:wrap;gap:12px 20px}
.help-caption,.help-tags>span,.help-contact .emergency{font-size:14px}
.light-link{font-size:16px}
.footer-top>p,.footer-top>.text-link,.footer-bottom{font-size:13px}
.footer-top{flex-wrap:wrap;gap:24px}
.footer-top>p{margin-left:0}
.sources-dialog>p,.sources-dialog li>a,.sources-dialog li>span{font-size:16px;line-height:1.8}
.sources-dialog .source-note{font-size:14px}
.nav>a{font-size:14px;min-height:44px;display:inline-flex;align-items:center}
.header-quiz{font-size:14px}
.eyebrow,.hero-note,.bubble-eyebrow,.strip-number,.intro-strip small{font-size:12px}
.guide-hero .eyebrow{font-size:12px}
@media(min-width:761px) and (max-width:1200px){
  .header .menu-toggle{display:block}
  .header .nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;background:#fff;padding:13px 28px 23px;box-shadow:0 18px 22px #06334813;gap:0}
  .header .nav.is-open{display:flex}
  .header .nav>a{font-size:16px;padding:13px 7px;border-bottom:1px solid var(--line)}
  .header .nav>a::after{display:none}
}
@media(max-width:760px){
  .card-detail p,.right-card summary>p,.situation-panel details p{font-size:16px}
  .card-detail a,.situation-panel .situation-source{font-size:14px}
  .header-quiz{font-size:12px;padding-inline:14px;gap:10px}
  .quiz-card{padding:25px}
  .quiz-option{font-size:16px}
  .quiz-feedback p{font-size:16px}
  .footer-top>.text-link{margin-left:0}
  .help .help-contact>p{font-size:16px}
  .sources-dialog{padding:30px 24px}
}
@media(max-width:360px){
  .header{padding-inline:12px;gap:8px}
  .header-actions{gap:4px}
  .brand{font-size:21px;gap:7px}
  .brand-icon{width:34px;height:38px}
  .brand-sub{font-size:9px}
  .header-quiz{padding-inline:11px;font-size:11px;gap:7px}
  .menu-toggle{padding-inline:8px}
}