/* Phone usability adjustments verified in the mobile audit. */
.resource-table-hint{display:none}
@media (max-width:700px){
  .service-intro>div{min-width:0}
  .service-intro h1{overflow-wrap:anywhere}
  .button,.text-link,.skip-link{min-height:44px}
  .resource-search input,.resource-export textarea{font-size:16px;min-height:48px}
  .directory-search-wrap.is-docked .search-entry input{font-size:16px}
  .resource-filters button,.directory-filters button{min-height:44px}
  .resource-reset{min-width:44px;min-height:44px}
  .resource-back{display:inline-flex;align-items:center;min-height:44px}
  .resource-toc nav a{display:flex;align-items:center;min-height:44px}
  .resource-schedule,.resource-export>summary{min-height:44px;display:flex;align-items:center}
  .resource-table-hint{display:block;font-size:12px!important;margin:20px 0 -12px!important;color:var(--muted)}
  .faq-list summary{min-height:44px;align-items:center}
  .faq-related a,.faq-contact-link{display:inline-flex;align-items:center;min-height:44px}
  .service-section-nav{padding-block:0}
  .service-section-nav>a:not(.button){display:inline-flex;align-items:center;min-height:44px}
  .service-breadcrumbs a,.resource-breadcrumb a{display:inline-flex;align-items:center;min-width:44px;min-height:44px}
  .footer-brand .brand{min-height:44px}
  .footer-quick-links a,.footer-contact>a,.footer-category a,.footer-legal a{
    display:inline-flex;align-items:center;min-width:44px;min-height:44px;
  }
  .footer-quick-links li+li{margin-top:0}
  .footer-quick-links a{max-width:100%;overflow-wrap:anywhere}
  .footer-category .footer-category-overview{padding-block:7px}
  .contact-calendar-heading button,.contact-form-heading button,.contact-story-controls button{
    width:auto;min-width:56px;min-height:44px;
  }
  .contact-calendar{padding:16px 8px}
  .contact-days button{min-height:44px;aspect-ratio:auto}
  .contact-story-dots{gap:0}
  .contact-story-dots button,.contact-story-dots button[aria-pressed=true]{
    width:44px;height:44px;background:transparent;
  }
  .contact-story-dots button:before{
    inset:auto;top:18px;left:18px;width:8px;height:8px;border-radius:8px;background:#ffffff40;
  }
  .contact-story-dots button[aria-pressed=true]:before{left:12px;width:20px;background:#fff}
  .contact-story-dots button:focus-visible{outline:2px solid #eadfc6;outline-offset:2px}
  /* Keep text and controls readable as they enter the phone viewport. */
  .viewport-progressive-blur{display:none}
  body:has(.resource-table-wrap:focus) .whatsapp-float{visibility:hidden;pointer-events:none}
}
@media (max-width:359px){.service-intro h1{font-size:32px!important}}
@media (max-width:950px){
  .site-header .mega-search-suggestions button{min-width:44px;min-height:44px}
  .site-header .mega-family-intro a,.site-header .mega-bottom a{min-height:44px;display:inline-flex;align-items:center}
}