/* AI Flow — PublicHeader uses New API stock max-w-7xl (80rem / 1280px).
 * Do not clamp below that; Home/About content columns match 80rem.
 * Header bar stays full-bleed (fixed inset-x-0). Scrolled floating pill
 * (max-w-[52rem]) is intentionally left alone.
 * Horizontal padding aligns logo/nav with #af-home / .af-about gutters.
 */
header.pointer-events-none.fixed.inset-x-0.top-0 > div.pointer-events-auto.mx-auto.max-w-7xl {
  width: 100%;
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  header.pointer-events-none.fixed.inset-x-0.top-0 > div.pointer-events-auto.mx-auto.max-w-7xl {
    padding-left: 1.75rem !important;
    padding-right: 1.75rem !important;
  }
}

/* Drop nav's extra px-2 so logo/login align with content edges */
header.pointer-events-none.fixed.inset-x-0.top-0 > div.pointer-events-auto.mx-auto.max-w-7xl > nav.h-16 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}