/* DoLess/GetMore — the ONE site header, used on every page (2026-10-07).
   Copied 1:1 from the homepage header so the logo, links and button sit in the exact same spot,
   at the same size, on every page. Own class names (sh-*) and literal values, so no page
   stylesheet can change it. Edit the header here and nowhere else.
   Clear at the top of the page, frosted once the page scrolls (js/header.js), so it never cuts a
   band across a page's background. .sh-over = the header floats over the page's first section
   instead of pushing it down (the inner pages were laid out that way). */
.sh-hdr,.sh-hdr *{box-sizing:border-box;margin:0;padding:0}
.sh-hdr{--sh-ink:#14161A;--sh-line:#E2DDD3;--sh-accent:#2C5FFF;--sh-accent-2:#1F47D4;
  position:sticky;top:0;z-index:60;background:transparent;transition:background-color .2s;
  font-family:Inter,-apple-system,system-ui,"Segoe UI",sans-serif;font-size:17px;font-weight:400;line-height:1.62;
  letter-spacing:normal;color:var(--sh-ink);-webkit-font-smoothing:antialiased;text-align:left}
.sh-hdr.is-stuck,.sh-hdr.is-open{background:rgba(248,246,241,.9);backdrop-filter:saturate(1.3) blur(12px);-webkit-backdrop-filter:saturate(1.3) blur(12px)}
.sh-hdr.sh-over{margin-bottom:-74px}
.sh-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:74px;max-width:1200px;margin:0 auto;padding:0 28px}
.sh-logo{font-weight:600;font-size:19px;letter-spacing:-.015em;text-decoration:none;color:var(--sh-ink)}
.sh-logo span{color:var(--sh-accent)}
.sh-nav{display:flex;gap:34px}
.sh-nav a{text-decoration:none;font-size:15px;font-weight:500;color:var(--sh-ink);padding:6px 0;border-bottom:1px solid transparent}
.sh-nav a:hover,.sh-nav a[aria-current]{color:var(--sh-ink);border-color:var(--sh-ink)}
.sh-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:500;font-size:15px;
  border-radius:6px;padding:10px 18px;white-space:nowrap;background:var(--sh-accent);color:#fff;transition:background .15s}
.sh-cta:hover{background:var(--sh-accent-2);color:#fff}
.sh-cta[aria-current]{visibility:hidden}   /* on /free-diagnostic itself: hidden, but keeps its space so nothing moves */
.sh-burger{display:none;-webkit-appearance:none;appearance:none;background:none;border:0;border-radius:0;box-shadow:none;width:40px;height:40px;cursor:pointer}
.sh-burger span{display:block;width:22px;height:1.5px;background:var(--sh-ink);margin:5px auto}
.sh-mnav{display:none;border-top:1px solid var(--sh-line);padding:10px 28px 22px}
.sh-mnav a{display:block;padding:12px 0;font-size:18px;text-decoration:none;color:var(--sh-ink);border-bottom:1px solid var(--sh-line)}
@media (min-width:1041px){   /* same side margin as the homepage sections: left = middle gap = right */
  .sh-wrap{--sh-c:min(600px, calc((100vw - 192px) / 2));max-width:none;
    padding-left:calc((100vw - 2 * var(--sh-c)) / 3);padding-right:calc((100vw - 2 * var(--sh-c)) / 3)}
}
@media (max-width:820px){
  .sh-nav,.sh-cta{display:none}
  .sh-burger{display:block}
  .sh-hdr.is-open .sh-mnav{display:block}
}
@media (max-width:520px){ .sh-wrap{padding:0 20px} }
