/* Handpress color fix (Boss 2026-10-16: "fix overall site colors"). Loaded last on every page.
   Brand orange #FF5029 failed WCAG AA with white text (3.27:1) and as link text on white/grey (3.0:1).
   #CC3A10 = same hue, 5.0:1 on white, 4.6:1 on #f5f5f5. Orange text on the dark purple band uses #FF7A55 (5.6:1). */
html:root { --color_2: #CC3A10 !important; }
/* On the dark purple header, footer and phone menu, orange text uses the lighter #FF7A55 (5.6:1 on #231973). */
#dm .dmFooterContainer, #dm #fcontainer, #mobile-hamburger-drawer { --color_2: #FF7A55 !important; }
/* Solid purple header (scrolled): only the top-level menu words get the lighter orange; dropdown highlight stays #CC3A10 with white text (5.0:1). */
.dmHeaderContainer.hp-solid .unav-top > .unifiednav__item-wrap > .unifiednav__item .nav-item-text { --color_2: #FF7A55 !important; }
/* The desktop header is fixed and see-through; once the page scrolls it floated white menu text over white content.
   hp-header.js adds .hp-solid after 40px of scroll; the header then gets the brand purple. */
#dm .dmHeaderContainer.fHeader.hp-solid, .dmHeaderContainer.fHeader.hp-solid { background: #231973 !important; box-shadow: 0 2px 14px rgba(0,0,0,.28); transition: background .2s ease; }
/* Sub-menus on purple: grey (2.4:1) and dark-purple (1:1) text -> near white. */
#mobile-hamburger-drawer .unifiednav__container_sub-nav .nav-item-text,
#dm .dmFooterContainer .unifiednav__container_sub-nav .nav-item-text,
#dm #fcontainer .unifiednav__container_sub-nav .nav-item-text { color: #F2F0FA !important; }
/* Leftover share popup title: #999 on #f5f5f5 (2.6:1) -> #595959 (6.4:1). */
#dmPopup .dmPopupTitle { color: #595959 !important; }
/* Header dropdown on the Q&A pages: dark purple text on the purple dropdown (1:1) -> white. */
#dm #hcontainer .unifiednav__container_sub-nav .nav-item-text, #hcontainer .unifiednav__container_sub-nav .nav-item-text,
body:has(.qa) .dmHeaderContainer .unifiednav__container_sub-nav a, body:has(.qa) .dmHeaderContainer .unifiednav__container_sub-nav a .nav-item-text { color: #FFFFFF !important; }
/* Desktop header over the hero photo: white menu words over light photos fell to 1.2-2.7:1 at the top of the page.
   On every page except the 3 Q&A pages (they have their own white header), the header is solid purple from the start,
   and the top-level menu words use the lighter orange (5.6:1 on #231973). Pure CSS, so no load-time race. */
body:not(:has(.qa)) .dmHeaderContainer.fHeader { background: #231973 !important; box-shadow: 0 2px 14px rgba(0,0,0,.28); }
body:not(:has(.qa)) .dmHeaderContainer.fHeader .unav-top > .unifiednav__item-wrap > .unifiednav__item .nav-item-text { --color_2: #FF7A55 !important; }