/* AFV319 desktop header normalization.
   Shared desktop rules only; existing mobile header layouts remain untouched. */
@media (min-width: 701px) {
  html body.home-page header.topbar.topbar,
  html body.reviews-document header.topbar.topbar,
  html body.proofs-document header.topbar.topbar,
  html body.privacy-page header.topbar.topbar,
  html body.about-page header.topbar.topbar {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 96px !important;
    height: auto !important;
    padding: 8px clamp(20px, 2vw, 36px) !important;
    gap: 16px !important;
  }

  html body header.topbar.topbar > a.brand > span.logo.logo {
    box-sizing: border-box !important;
    width: 66px !important;
    height: 66px !important;
    flex: 0 0 66px !important;
    border-radius: 18px !important;
  }

  html body header.topbar.topbar > a.brand {
    gap: 12px !important;
    flex: 0 1 auto !important;
  }

  html body header.topbar.topbar > a.brand .brand-name-row {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    line-height: 1.15 !important;
  }

  html body header.topbar.topbar > div.header-meta.header-meta {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 0 0 auto !important;
    gap: 12px !important;
    margin-left: auto !important;
  }

  html body header.topbar.topbar > div.header-meta.header-meta > a.privacy-link.privacy-link,
  html body header.topbar.topbar > div.header-meta.header-meta > a.about-header-link.about-header-link,
  html body.privacy-page header.topbar.topbar > a.privacy-about-link.privacy-about-link {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 16px !important;
    border: 1px solid #c7d2fe !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(239,243,255,.96)) !important;
    color: #263a61 !important;
    box-shadow: 0 4px 12px rgba(58,76,140,.09), inset 0 1px 0 rgba(255,255,255,.95) !important;
    font: 750 13px/1.2 "DM Sans", sans-serif !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    flex: 0 0 auto !important;
    transform: none !important;
  }

  html body header.topbar.topbar > div.header-meta.header-meta > a.privacy-link.privacy-link,
  html body header.topbar.topbar > div.header-meta.header-meta > a.privacy-link.privacy-link:hover,
  html body header.topbar.topbar > div.header-meta.header-meta > a.privacy-link.privacy-link:focus-visible {
    width: 164px !important;
    min-width: 164px !important;
    max-width: 164px !important;
  }

  html body header.topbar.topbar > div.header-meta.header-meta > a.about-header-link.about-header-link,
  html body header.topbar.topbar > div.header-meta.header-meta > a.about-header-link.about-header-link:hover,
  html body header.topbar.topbar > div.header-meta.header-meta > a.about-header-link.about-header-link:focus-visible,
  html body.privacy-page header.topbar.topbar > a.privacy-about-link.privacy-about-link {
    width: 124px !important;
    min-width: 124px !important;
    max-width: 124px !important;
  }

  html body header.topbar.topbar > div.header-meta.header-meta > a.privacy-link.privacy-link .header-icon,
  html body header.topbar.topbar > div.header-meta.header-meta > a.about-header-link.about-header-link .header-icon,
  html body.privacy-page header.topbar.topbar > a.privacy-about-link.privacy-about-link svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
  }

  html body header.topbar.topbar > div.header-meta.header-meta > a.privacy-link.privacy-link:hover,
  html body header.topbar.topbar > div.header-meta.header-meta > a.about-header-link.about-header-link:hover,
  html body.privacy-page header.topbar.topbar > a.privacy-about-link.privacy-about-link:hover {
    border-color: #aab9f3 !important;
    background: linear-gradient(135deg, #fff, #e8edff) !important;
    box-shadow: 0 7px 17px rgba(58,76,140,.15), inset 0 1px 0 #fff !important;
    transform: translateY(-1px) !important;
  }

  html body header.topbar.topbar > div.header-meta.header-meta > a.privacy-link.privacy-link:focus-visible,
  html body header.topbar.topbar > div.header-meta.header-meta > a.about-header-link.about-header-link:focus-visible,
  html body.privacy-page header.topbar.topbar > a.privacy-about-link.privacy-about-link:focus-visible {
    outline: 3px solid rgba(96,132,242,.35) !important;
    outline-offset: 3px !important;
  }
}

/* Keep header SVG icons visible on pale desktop buttons, overriding legacy page colors. */
@media (min-width: 701px) {
  html body header.topbar.topbar .header-meta a.privacy-link .header-icon,
  html body header.topbar.topbar .header-meta a.about-header-link .header-icon,
  html body header.topbar.topbar .header-meta a.proofs-header-link .header-icon,
  html body header.topbar.topbar .header-meta a.webtools-header-link .header-icon,
  html body.privacy-page header.topbar.topbar > a.privacy-about-link > svg {
    color: #263a61 !important;
    stroke: #263a61 !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
  }

  html body header.topbar.topbar .header-meta a.privacy-link .header-icon *,
  html body header.topbar.topbar .header-meta a.about-header-link .header-icon *,
  html body header.topbar.topbar .header-meta a.proofs-header-link .header-icon *,
  html body header.topbar.topbar .header-meta a.webtools-header-link .header-icon *,
  html body.privacy-page header.topbar.topbar > a.privacy-about-link > svg * {
    stroke: #263a61 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}