/* Shared public-header safeguards for condensed navigation. */
/*
 * Several public pages enter their horizontally scrollable compact header at
 * 920 px. Cover that full range so the call action cannot briefly inherit a
 * white pill or glyph at tablet widths or higher browser zoom levels.
 */
@media (max-width: 920px) {
  header.top a.call {
    background-color: #F59E0B !important;
    background-image: none !important;
    border-color: #F59E0B !important;
    color: #1A2340 !important;
    -webkit-text-fill-color: #1A2340 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
  }

  header.top a.call::before {
    color: #1A2340;
  }
}

/*
 * Informational pages use their compact header before the page helper has
 * applied its body class. Keep the call affordance self-contained so it
 * cannot inherit a white button or white phone glyph during that handoff.
 */
@media (max-width: 768px) {
  header.top a.call {
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 0 !important;
    border: 1px solid #F59E0B !important;
    border-radius: 999px !important;
    background-color: #F59E0B !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A2340' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.33 1.78.62 2.63a2 2 0 0 1-.45 2.11L8.01 9.73a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.85.29 1.73.5 2.63.62A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 22px 22px !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 1 !important;
    overflow: hidden !important;
    position: relative !important;
    flex: 0 0 52px !important;
    text-indent: 0 !important;
    -webkit-text-fill-color: transparent !important;
  }

  header.top a.call::before {
    content: none !important;
    display: none !important;
  }
}

@media (max-width: 520px) {
  header.top a.call {
    background-color: #F59E0B !important;
    border-color: #F59E0B !important;
    color: #1A2340 !important;
  }

  header.top a.call::before {
    content: none !important;
    display: none !important;
  }
}