/* Keep all header actions available while giving families more room for content. */
@media (max-width: 1050px) {
  .site-header .recognition { min-height: 32px; padding-block: 6px; }
  .site-header .recognition .recognition-full { display: none; }
  .site-header .recognition .recognition-compact { display: inline; font-size: clamp(11px, 1.7vw, 13px); line-height: 18px; }
}
@media (max-width: 700px) {
  .site-header { padding-block: 12px; }
  .site-header .header-row { margin-block: 8px; }
  .site-header .mobile-family { border-radius: 24px; }
  .site-header .mobile-family > summary { min-height: 48px; padding: 2px 2px 2px 16px; }
  .site-header .mobile-family summary > span:first-child { display: block; }
  .site-header .mobile-family strong { font-size: 16px; line-height: 24px; }
  .site-header .mobile-family summary > span:first-child > span { display: none; }
}