/* Reading sizes for phones and small tablets. Desktop and print retain their layout. */
@media screen and (max-width:800px){
  body{font-size:16px;line-height:1.9}
  .hero-audience{font-size:14px}
  .hero-lead{font-size:16px;line-height:1.9}
  .hero .coverage-note{font-size:14px;line-height:1.9}
  .hero-location{font-size:11px}
  .hero .hero-location span{font-size:13px}
  .intro-copy>p:not(.large-copy),.service-row p,.decision-section p,
  .steps p,.support-teaser p,.contact-band p:not(.eyebrow),
  .page-heading>p:last-of-type,.detail-grid>div:last-child>p,
  .detail-grid>div:first-child>p:not(.eyebrow),.line-list li,
  .notice p,.three-columns p,.editorial-image p,.workflow p,
  .faq details p,.statement-body p,.seminar-row p,
  .inquiry-builder>p:not(.eyebrow),.inquiry-review>p:not(.eyebrow),.prose p{
    font-size:16px;line-height:1.9
  }
  .small-note,.intro-copy>p.small-note,.detail-grid>div:last-child>p.small-note,
  .seminar-row p.small-note,.contact-aside>p.small-note,
  .inquiry-builder>p.small-note,.inquiry-review>p.small-note{
    font-size:14px;line-height:1.9
  }
  .notice strong{font-size:16px}
  .eyebrow,.hero .eyebrow,.support-teaser .eyebrow,.service-en{font-size:11px}
  .topline{font-size:11px}
  .topline .wrap{flex-wrap:wrap;gap:2px 16px}
  .topline .wrap>span:last-child{font-size:11px}
  .expertise-band li{font-size:14px;line-height:1.7}
  .status-note{font-size:14px;line-height:1.9}
  .status-note>span{font-size:13px}
  .breadcrumb{font-size:13px}
  .anchor-nav{font-size:14px;gap:4px 18px;padding-block:8px}
  .anchor-nav a{display:inline-flex;align-items:center;min-height:44px}
  .menu-toggle{font-size:12px;min-height:44px;flex-shrink:0;gap:8px;padding:10px 0 10px 10px}
  .mobile-nav a{font-size:16px}
  .button,.hero-actions .button,.contact-band .button,.fee-inquiry .button{
    font-size:15px;min-height:52px;max-width:100%;gap:16px;padding:14px 18px
  }
  .text-link,.hero-actions .text-link,.detail-grid .text-link,
  .section-heading>.text-link,.support-teaser>.text-link{
    font-size:15px;min-height:44px;align-items:center
  }
  .text-button{font-size:14px;min-height:44px}
  .decision-links a{font-size:16px}
  .spec-list>div{grid-template-columns:1fr;gap:6px;font-size:15px;line-height:1.9}
  .schedule-row>span{font-size:15px;min-width:0}
  .schedule-row small{font-size:13px}
  .faq summary{font-size:16px}
  .seminar-row{grid-template-columns:32px minmax(0,1fr);gap:12px}
  .service-row{grid-template-columns:30px minmax(0,1fr) 20px;gap:10px}
  .detail-grid>div,.seminar-row>div,.service-row>div{min-width:0}
  .profile-name small{font-size:14px}
  .footer-top{grid-template-columns:1fr}
  .footer-contact{justify-self:start;display:inline-flex;align-items:center;font-size:15px;min-height:44px}
  .footer-grid{grid-template-columns:1fr}
  .footer-grid nav{font-size:15px;gap:6px 14px}
  .footer-grid nav a{display:flex;align-items:center;min-height:44px}
  .office-addresses span{font-size:14px}
  .office-addresses p,.footer-direct p{font-size:13px}
  .footer-direct>a:nth-child(2){font-size:14px}
  .footer-bottom{font-size:12px}
  .social-link,.footer-direct .social-link{font-size:14px;min-height:44px}
  label{font-size:15px}
  .required{font-size:12px}
  input,select,textarea,#inquiry-text{font-size:16px;min-height:52px;min-width:0}
  ::placeholder{font-size:14px}
  .form-grid{grid-template-columns:1fr;gap:0}
  .fee-intro,.fee-reference-note{font-size:14px;line-height:1.9}
  .fee-example dt{font-size:16px}
  .fee-example dt>span,.fee-example dd>small{font-size:14px}
  .fee-example dt>small{font-size:13px}
  .fee-example dd>strong>span{display:inline-block;font-size:14px}
  .fee-variation h3{font-size:16px}
  .fee-variation p,.fee-partnership p,.fee-inquiry p{font-size:16px;line-height:1.9}
  .hero-photo .photo-location,.hero-photo .photo-source{font-size:11px}
  .hero-photo figcaption small,.editorial-image .editorial-photo figcaption{font-size:13px}
}
@media screen and (max-width:480px){
  .steps{grid-template-columns:1fr}
}