/* ============================================================ layoffhedge support banner Sits at the very top of , above the nav, on every page. Static rather than sticky on purpose: nearly every template already has position:sticky;top:0 on

, and two elements both stuck to top:0 overlap. The banner scrolls away and the nav takes over sticking, which is the existing behaviour. Colors come from each page's :root vars so /assets/dark.css recolors it with no extra rules, same convention as lh-money.css. ============================================================ */ .lh-support{ background:var(--accent,#d94040); color:#fff; font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,sans-serif; position:relative; z-index:60; } /* Two ways this hides. 1. data-lh-support="off" is set on by an inline script before first paint, so a reader who already dismissed it never sees a flash. Same pattern the site uses for dark mode. 2. [hidden] is set by the dismiss button in the current page. */ html[data-lh-support="off"] .lh-support{display:none !important} .lh-support[hidden]{display:none !important} .lh-support-in{ max-width:1100px; margin:0 auto; padding:9px 44px 9px 24px; display:flex; align-items:center; justify-content:center; gap:10px; min-height:38px; } .lh-support-link{ color:#fff !important; text-decoration:none; font-size:12.5px; font-weight:800; letter-spacing:1.1px; text-transform:uppercase; display:inline-flex; align-items:center; gap:8px; line-height:1.35; text-align:center; } .lh-support-link:hover{text-decoration:underline} .lh-support-arrow{font-weight:800;transition:transform .15s} .lh-support-link:hover .lh-support-arrow{transform:translateX(3px)} .lh-support-x{ position:absolute; right:10px; top:50%; transform:translateY(-50%); background:none; border:none; color:#fff; opacity:.72; font-family:inherit; font-size:19px; line-height:1; padding:6px 9px; cursor:pointer; border-radius:5px; transition:opacity .15s,background .15s; } .lh-support-x:hover{opacity:1;background:rgba(255,255,255,.16)} .lh-support-x:focus-visible{outline:2px solid #fff;outline-offset:1px} @media(max-width:620px){ .lh-support-in{padding:8px 40px 8px 14px;min-height:36px} .lh-support-link{font-size:11px;letter-spacing:.7px;gap:6px} }