/* ==========================================================================
   an earlier layer of this file · EIGHT HEADER TABS — 2026-09-28
   Careers joined the header (Home · Our Services · Our Work · About Us ·
   Management Team · Legal Documents · Careers · Contact Us). Measured with
   eight tabs, the row ran 12–23px past the screen in two narrow bands —
   about 1080–1125px and 1190–1225px, where the full brand name still shows.
   Only there, each tab's side padding goes from 1.2–1.25vw to 1vw (about
   2–3px a side). Every other width, and phones, are unchanged.
   Linked LAST in <head> on every page. Undo: delete that one <link>.
   ========================================================================== */
@media (min-width: 1080px) and (max-width: 1240px) {
  html body header.bar #navPrimary#navPrimary a.ptab[data-label] {
    padding-left: clamp(10px, 1vw, 22px) !important;
    padding-right: clamp(10px, 1vw, 22px) !important;
  }
}

/* ==========================================================================
   NINE HEADER TABS — 2026-10-13
   Pricing joined the header right after Our Services. Measured with nine tabs,
   the row ran 3–66px past the screen from 1100 to 1366px. The space is found
   where the eight-tab layer above found it — the tabs' side padding — with the
   label one step smaller where padding alone would get too tight:
     1366–1439  15px labels   padding = the slack ÷ 18, at most 1.25vw
     1281–1365  14px labels   the same
     1181–1280  13.5px labels the same
     1024–1180  Legal Documents leaves the header row, as it already did up to
                1090px on the homepage and the service pages (it stays in the
                All pages panel and the footer); padding = the slack ÷ 16
   The constants are the brand's right edge + both gutters + the labels'
   own width at that size (Pricing with its menu arrow, as Our Services),
   measured, with 6px to spare.
   ========================================================================== */
@media (min-width: 1366px) and (max-width: 1439px) {
  html body header.bar #navPrimary#navPrimary a.ptab[data-label] {
    padding-left: clamp(9px, min(1.25vw, calc((100vw - 1121px) / 18)), 22px) !important;
    padding-right: clamp(9px, min(1.25vw, calc((100vw - 1121px) / 18)), 22px) !important;
  }
}
@media (min-width: 1281px) and (max-width: 1365px) {
  html body header.bar #navPrimary#navPrimary a.ptab[data-label] {
    font-size: 14px !important;
    padding-left: clamp(9px, min(1.25vw, calc((100vw - 1071px) / 18)), 22px) !important;
    padding-right: clamp(9px, min(1.25vw, calc((100vw - 1071px) / 18)), 22px) !important;
  }
}
@media (min-width: 1181px) and (max-width: 1280px) {
  html body header.bar #navPrimary#navPrimary a.ptab[data-label] {
    font-size: 13.5px !important;
    padding-left: clamp(9px, min(1.25vw, calc((100vw - 1021px) / 18)), 22px) !important;
    padding-right: clamp(9px, min(1.25vw, calc((100vw - 1021px) / 18)), 22px) !important;
  }
}
@media (min-width: 1024px) and (max-width: 1180px) {
  html body header.bar #navPrimary#navPrimary a.ptab.ptab[data-label="Legal Documents"] { display: none !important; }
  html body header.bar #navPrimary#navPrimary a.ptab[data-label] {
    padding-left: clamp(9px, min(1.25vw, calc((100vw - 878px) / 16)), 22px) !important;
    padding-right: clamp(9px, min(1.25vw, calc((100vw - 878px) / 16)), 22px) !important;
  }
}