/* ===========================================================================
   Header wordmark protection.

   Own file on purpose: public/brand/brand.css and site.css are held
   BYTE-IDENTICAL so the authored pages stay pixel-exact, so this cannot live
   there. Scoped to .tdg-header — nothing else is touched.

   Why it exists: the nav grew from six top-level groups to seven (Market
   Reports was added). That squeezes the wordmark's flex track from 242px to
   224px, which is just enough to break "The Daley Group" onto two lines and
   make the logo lockup look broken. Measured on production vs local at 1440.

   Bounded at 1200px deliberately. Above it, nowrap costs the nav ~18px and
   there is slack to absorb that. Below it there is not: at 1100px forcing
   nowrap pushes the header 8px wider than the viewport, and at 1025px, 80px.
   Between the mobile breakpoint (1024px) and 1200px the label is allowed to
   wrap, which is ugly but never overflows.
   =========================================================================== */
@media (min-width: 1200px) {
  .tdg-header .tdg-wordmark-name {
    white-space: nowrap;
  }
  /* Eight top-level groups (Testimonials is its own menu, matching the live
     site) do not fit at site.css's 26px gap — measured overflow at 1200px is
     46px, and still 6px at 1280px. 16px is the widest value that fits at
     1200px with the wordmark on one line.

     If a NINTH group is ever added, this is the knob that runs out: 14px buys
     almost nothing more. At that point either a label has to get shorter or a
     group has to fold into another one. */
  .tdg-header .tdg-nav-list {
    gap: 16px;
  }
}