/* V9: legible secondary sections and descriptions, especially on iPhone */
@media screen {
  .section-head h2,.mini-panel h2,.panel h2 {font-size:21px!important;font-weight:800!important;color:#102b3d!important;line-height:1.55!important}
  .section-head span,.section-card small,.activity-main small,.activity-date,.dash-note,.dash-footer,.sheet-item small,.sheet-pending,.muted,.empty,.eyebrow,.stat small,.brand small,.foot {font-size:15px!important;line-height:1.7!important;font-weight:650!important;color:#314e60!important;opacity:1!important}
  .section-card strong,.activity-main strong,.sheet-item strong {font-size:17px!important;line-height:1.6!important;font-weight:800!important;color:#15364a!important}
  .section-card button {font-size:15px!important;min-height:44px!important}
  .activity,.section-card,.sheet-item {font-size:16px!important}
  .bar-col small {font-size:13px!important;color:#314e60!important;font-weight:700!important}
  .field label {font-size:16px!important;font-weight:800!important;color:#203f52!important}
  .lab-hero p {font-size:16px!important;color:#f0fbfc!important}
  .lab-hero .hero-kicker {font-size:15px!important;color:#c4fff5!important}
  .brand small,.foot {color:#e3f4f6!important}
}
@media screen and (max-width:700px) {
  .section-head {align-items:flex-start;gap:7px;flex-wrap:wrap}
  .section-head h2,.mini-panel h2,.panel h2 {font-size:20px!important}
  .section-card {gap:11px;padding:15px 12px}
  .section-card strong {font-size:17px!important}
  .section-card small {font-size:15px!important}
  .section-card button {padding:9px 11px!important}
  .activity-date {font-size:14px!important}
  .mobile-nav button {font-size:15px!important;line-height:1.45!important}
  .nav,.btn {font-size:15px!important}
}