/* Website review fixes, 2026-10-02. Loaded after the ported cascade on every page.
 * Everything here is either live's own CSS that the port dropped, or a pin that keeps
 * a retagged heading looking exactly as it did. */

/* ---- 404 page -------------------------------------------------------------------
 * Live ships these rules as a <style> block INSIDE the 404's body. The port carried
 * the markup and not the block, so the page rendered as three lines of unstyled text
 * in the top-left corner. Rules are live's own, verbatim, except that the bare
 * `.four-o-four`, `.lean` and `.description` selectors are scoped to #error-container
 * so they cannot reach another page. */
#dm #error-container { display: block; position: relative; width: 100%; padding-top: 120px; background: #fff; color: #bababa; text-align: center; font-family: 'Source Sans Pro'; overflow: hidden; }
.dmMobileBody #error-container { padding-top: 60px; }
#error-container .four-o-four { font-family: 'Oswald', sans-serif; font-size: 130px; text-align: center; line-height: 130px; }
#error-container .lean { display: inline-block; -webkit-transform: rotate(15deg) translate(-5px,-4px); transform: rotate(15deg) translate(-5px,-4px); }
#error-container .description { font-size: 22px; margin: 45px 0; }
.dmInner .back-button { display: inline-block; width: 184px; height: 37px; margin-bottom: 20px; background: #898989; color: #fff; text-align: center; font-size: 16px; line-height: 37px; border-radius: 2px; box-sizing: border-box; text-decoration: none; cursor: pointer; }
/* The "can not be found" line is the 404's <h1> (live has none). `font: inherit` hands
 * it back the surrounding text's family, weight and line-height, so it measures exactly
 * as live's <div> did: Verdana 22px / 44px, black (the 44px is the div's own, measured). */
#dm #error-container h1.description { font: inherit; font-size: 22px; line-height: 44px; color: inherit; margin: 45px 0; padding: 0; text-transform: none; letter-spacing: normal; }

/* ---- /t/tou-and-privacy ----------------------------------------------------------
 * Live serves two <h1> on this page. "PRIVACY POLICY" is now an <h2>; this restores
 * the 35px it had as an <h1> (the h2 rule gives 30px and is itself !important), on every band. */
#dm h2.gy-h1, #dm h2.gy-h1 span { font-size: 35px !important; }

/* ---- current page in the menu (asked for in review) ------------------------------
 * Live paints the current item rgb(0,98,204) on the grey header and drawer, which is
 * hard to read. It is now white with a white line under it, exactly as wide as the
 * word. Applies to the desktop nav and to the tablet and phone drawers. The line is a
 * text-decoration rather than a border: in the drawers the label is a block, and a
 * border made the current row 6px taller than its neighbours (measured 54px against 48). */
#dm#dm .p_hfcontainer nav.main-navigation.unifiednav .unifiednav__container:not([data-depth]) > .unifiednav__item-wrap > .unifiednav__item.dmNavItemSelected { color: #fff !important; }
#dm#dm .p_hfcontainer nav.main-navigation.unifiednav .unifiednav__item.dmNavItemSelected > .nav-item-text { text-decoration: underline 2px #fff; text-underline-offset: 7px; }

/* ---- tablet click-to-call (asked for in review) -----------------------------------
 * Mirrors the menu button: same 52px box, same distance from the edge, same vertical
 * position, on the opposite side of the logo. Hidden outside the tablet range, where
 * the phone band has its own icon and the desktop header has no menu button. */
.gy-header-call { display: none; }
@media (min-width: 768px) and (max-width: 1024px) {
  #dm .gy-header-call { display: flex; align-items: center; justify-content: center; position: fixed; top: 58px; right: 18px; width: 52px; height: 52px; z-index: 13; }
  #dm .gy-header-call svg { width: 40px; height: 40px; fill: #fff; }
}