/* Shared live header + footer (front.home.partials.site_header / site_footer) for layouts that are not built on the homepage stylesheet (Bootstrap-based auth, signup and blog pages). Copied from wwt_illness_header-hero.css and scoped to the chrome containers so nothing leaks into the page's own CSS. Variables live on the chrome roots, not :root. Font faces come from fonts.css (Plus Jakarta Sans). */ .emergency,.hdr,.mnav,#mdq{--green:#0E7A5F;--green-dark:#0B5C48;--forest:#0B2A22;--tint:#EAF4EF;--ink:#10241E;--ink-body:#12241E;--gray-soft:#556960;--line:#E4ECE8;--line-soft:#EEF3F0;--pad-x:32px;--nav-disp:flex;--login-disp:inline;--burger-disp:none} .emergency,.hdr,.mnav,#mdq{font-family:'Plus Jakarta Sans',system-ui,sans-serif;line-height:normal;letter-spacing:normal;color:var(--ink-body);-webkit-font-smoothing:auto} .hdr img{vertical-align:baseline} .hdr :is(h1,h2,h3,p,ul,ol,li){margin:0;padding:0} .hdr li{list-style:none} .emergency a,.hdr a{text-decoration:none;color:inherit} .hdr a:hover{color:var(--green)} .hdr a:focus-visible,.hdr button:focus-visible{outline:3px solid #20B47F;outline-offset:2px;border-radius:6px} .hdr .wrap{max-width:1180px;margin:0 auto;padding:0 var(--pad-x)} .emergency{background:#FDF1EC;border-bottom:1px solid #F3D3C6;text-align:center;padding:9px 16px;font-size:13px;font-weight:700;color:#A2492A} .hdr{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line-soft)} .hdr-in{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:14px} .hdr .logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:21px;color:var(--green)} .hdr .logo:hover{color:var(--green-dark)} .hdr .nav{display:var(--nav-disp);flex-wrap:nowrap;align-items:center;gap:26px;margin:0;padding:0;font-size:14.5px;font-weight:600;color:#324840} .hdr .nav a{transition:color .15s;color:#324840} .hdr .nav a:hover{color:var(--green)} .hdr-cta{display:flex;align-items:center;gap:12px} .hdr .login{display:var(--login-disp);font-size:14.5px;font-weight:600;color:var(--green)} .hdr .login:hover{color:var(--green-dark)} .hdr .burger{display:var(--burger-disp);flex-direction:column;justify-content:center;align-items:center;gap:4px;width:44px;height:44px;background:#fff;border:1.5px solid #C6D8D0;border-radius:11px;cursor:pointer;padding:0} .hdr .burger span{width:17px;height:2px;background:var(--ink);border-radius:2px;display:block} .mnav{display:none;border-top:1px solid var(--line-soft);background:#fff;padding:8px var(--pad-x) 16px;flex-direction:column;gap:2px} .mnav.open{display:flex} .mnav a{padding:13px 10px;border-radius:10px;font-weight:700;font-size:15px;color:#28382F;text-decoration:none} .mnav a:hover{background:#F4F8F6;color:var(--green)} .mnav-rx{color:var(--green)!important;font-weight:800!important} .hdr-cta .btn,.mnav .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;background:var(--green);color:#fff;font-weight:800;letter-spacing:-.01em;border:none;cursor:pointer;line-height:normal;transition:all .18s ease} .hdr-cta .btn{min-height:44px;padding:11px 20px;font-size:13.5px;border-radius:11px} .mnav .btn{width:100%;margin-top:8px;min-height:48px;padding:14px;font-size:15px;border-radius:12px} .hdr-cta .btn:hover,.mnav .btn:hover,.hdr-cta .btn:focus,.mnav .btn:focus{background:var(--green-dark);color:#fff;box-shadow:none} .hdr-cta .btn:hover{transform:translateY(-1px)} .skip{position:fixed;top:-70px;left:16px;z-index:100;background:#0B2A22;color:#fff;padding:12px 18px;border-radius:10px;font-weight:700;font-size:14px;transition:top .15s} .skip:focus{top:12px;color:#fff} /* Footer — same rules as the homepage (main.css), scoped under