/* Desktop refinement only; preserve each page's existing header and pill. */
@media (min-width:1100px) {
  body .site-header .desktop-nav.desktop-nav { padding: 5px; gap: 0; }
  body .site-header .desktop-nav.desktop-nav a { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 11px 15px; border-radius: 30px; font-size: 14px; font-weight: 600; line-height: 1.4; color: #303336; white-space: nowrap; transition: color .18s ease,background-color .18s ease; }
  body .site-header .desktop-nav.desktop-nav a[aria-current="page"] { background: #fcf6ec; color: #b62025; }
  body .site-header .desktop-nav.desktop-nav a:hover { background: #f4eadc; color: #b62025; }
  body .site-header .header-account .start-hosting { min-height: 44px; font-size: 14px; line-height: 1.4; }
  body .site-header .desktop-nav.desktop-nav a:focus-visible { outline: 2px solid #b62025; outline-offset: -2px; background: #fcf6ec; color: #b62025; }
  body .site-header :is(.brand,.start-hosting):focus-visible { outline: 2px solid #b62025; outline-offset: 4px; }
}
@media (min-width:1100px) and (max-width:1250px) {
  body .site-header .desktop-nav.desktop-nav a { font-size: 13px; padding-inline: 12px; }
  body .site-header .header-account .start-hosting { font-size: 13px; padding-inline: 18px; }
}
@media (prefers-reduced-motion:reduce) {
  body .site-header .desktop-nav.desktop-nav a { transition: none; }
}