/* Mobile UX fixes */
.nowrap{white-space:nowrap}
.social-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 8px}
.social-links .pipe{color:#724665}
@media (max-width:540px){.social-links .pipe{display:none}.social-links{gap:0 18px}}
/* 16px+ stops iPhone from zooming in when a field is tapped */
body input,body select,body textarea{font-size:16px}
@media (max-width:760px){
  /* bigger tap areas for small text links */
  body .socialbox a,body footer .footer-social a:not(.footbrand),body .page-end a{display:inline-block;padding:10px 4px;margin-block:-4px}
  body .footer-signoff a,body .formnote a{padding:10px 0}
  body .topline button{min-width:40px;min-height:36px}
  body .menu{min-height:44px}
  /* readable small labels */
  body .topline{font-size:11px}
  body .eyebrow,body .hero .eyebrow,body .meta span,body .status{font-size:11px}
  body .heroimage figcaption{font-size:10px}
  body .footer-social>b,body .socialbox>b{font-size:11px}
  body .footer-counter small,body .footer-social small,body .socialbox small{font-size:12px}
  body .youtube-hero-label,body .youtube-hero .youtube-hero-label{font-size:12px}
  body .brand small,body .sectionhead .eyebrow,body .heroimage figcaption span{font-size:11px}
}
@media (max-width:540px){
  /* lead with the headline, then the portrait */
  body .heroimage{order:0;margin-top:8px}
  /* sirens side by side, heading on its own line */
  body .notice strong.gif-heading{display:flex;gap:6px 16px}
  .notice .gif-heading>span{order:2;flex-basis:100%;text-align:center}
  .notice .gif-heading>img{order:1}
}