/* Shared reading scale for the service, location and legal documents.
   Load after page.css, navigation-motion.css and check-mail.css. */
body {
  --reading-ink: #303b4c;
  --reading-secondary: #455267;
  --reading-body: 18px;
  color: #202638;
  font-size: var(--reading-body);
  font-weight: 500;
  line-height: 1.75;
}
p { color: var(--reading-ink); }
.page-header nav a { font-size: 15px; font-weight: 600; }
.page-header > .button { font-size: 14px; font-weight: 650; }
.button { font-size: 16px; font-weight: 600; }
.text-button, .service-details a { font-size: 16px; font-weight: 550; }
.breadcrumbs { color: var(--reading-secondary); font-size: 14px; font-weight: 500; }
.kicker { color: var(--reading-secondary); font-size: 14px; font-weight: 550; }
.page-hero > p { font-size: 19px; font-weight: 500; }
.service-details p, .inline-work p, .local-brief p, .local-principles > p {
  font-size: var(--reading-body);
  line-height: 1.75;
}
.service-details article > span { color: var(--reading-secondary); font-size: 14px; font-weight: 550; }
.page-faq summary { font-size: 18px; font-weight: 550; }
.page-faq details > p { font-size: var(--reading-body); }
.page-cta .kicker, .page-cta p { color: #e0e9fc; font-size: 16px; }
.page-cta .kicker { font-size: 14px; }
.page-footer { color: #e1e9f9; font-size: 15px; font-weight: 500; }
.page-footer small { color: #cbd7ed; font-size: 14px; }
.region-facts span { color: var(--reading-secondary); font-size: 15px; }
.directory-list li a { font-size: 17px; }
.directory-list li > span { color: var(--reading-secondary); font-size: 14px; }
.source-note { color: var(--reading-secondary); font-size: 14px !important; font-weight: 500; }
.region-return { font-size: 15px; font-weight: 500; }
.local-principles > div { font-size: 16px; }
.local-planner label { font-size: 15px; font-weight: 550; }
.local-planner input, .local-planner select { font-size: 17px; font-weight: 500; }
.planner-output p, .planner-output li { font-size: 17px; }

/* Input labels, consent and check results are reading content too. */
.audit-form label { font-size: 15px; font-weight: 550; color: var(--reading-ink); }
.audit-form input { font-size: 17px; font-weight: 500; }
.audit-form input::placeholder { color: #58657a; }
.audit-form > p, .audit-status, .audit-summary small, .audit-item summary small,
.audit-item p, .audit-limits { color: var(--reading-secondary); font-size: 15px; font-weight: 500; line-height: 1.75; }
.audit-item summary > span:nth-child(2) { font-size: 17px; font-weight: 550; }
.audit-summary > span { font-size: 17px; }
.audit-error { color: #934632; }
.audit-form .audit-consent,
.audit-consent span { color: var(--reading-ink); font-size: 15px !important; font-weight: 500; }
.audit-progress, .audit-delivery-status { font-size: 15px; font-weight: 500; }
.location-search-box label { color: var(--reading-secondary); font-size: 15px; font-weight: 550; }
.location-search-box input { font-size: 17px; }
.location-status { color: var(--reading-secondary); font-size: 14px !important; font-weight: 500; }
.location-results a { font-size: 16px; font-weight: 500; }
.location-results small, .location-results a > span:last-child { color: var(--reading-secondary); font-size: 14px; }

@media (max-width: 850px) {
  .page-header > .button { font-size: 13px; }
  .page-hero > p { font-size: 18px; }
}
@media (max-width: 560px) {
  body { --reading-body: 17px; }
  .page-header { gap: 14px; }
  .page-header > .button { font-size: 12px; padding-inline: 12px; }
  .page-hero > p { font-size: 17px; }
  .hero-links > .button, .audit-actions .button { font-size: 15px; }
  .breadcrumbs, .kicker { font-size: 13px; }
  .page-faq summary { font-size: 17px; }
  .local-principles > div { font-size: 16px; }
  .directory-list li a { font-size: 17px; }
  .location-results a { gap: 12px; }
  .page-footer { font-size: 15px; }
}