/* Canonical site header — one stylesheet for every page. Self-contained + defensively reset so it does not inherit a page's leftover header/nav rules. */ .site-header{position:sticky;top:0;z-index:1000;display:block;height:auto;margin:0;padding:0;border:0;background:#16324f;box-shadow:0 2px 10px rgba(0,0,0,.18);color:#fff;} .site-header *{box-sizing:border-box;} .sh-inner{max-width:1240px;margin:0 auto;min-height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;} /* brand */ .sh-brand{display:flex;align-items:center;gap:12px;min-width:0;} .sh-logo-link{display:flex;align-items:center;text-decoration:none;flex-shrink:0;} .sh-logo{height:30px;width:auto;display:block;} .sh-divider{width:1px;height:30px;background:rgba(255,255,255,.28);flex-shrink:0;} .sh-cobrand{display:flex;align-items:center;gap:8px;text-decoration:none;min-width:0;} .sh-cobrand-img{height:28px;width:auto;display:block;flex-shrink:0;} .sh-cobrand-text{display:flex;flex-direction:column;line-height:1.15;min-width:0;} .sh-cobrand-name{color:#fff;font-weight:700;font-size:.95rem;white-space:nowrap;} .sh-cobrand-sub{color:rgba(255,255,255,.68);font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} /* nav */ .sh-nav{display:flex;align-items:center;gap:6px;} .sh-links{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0;} .sh-links a{display:block;color:rgba(255,255,255,.85);text-decoration:none;padding:8px 14px;border-radius:8px;font-size:.9rem;font-weight:500;white-space:nowrap;transition:background .15s,color .15s;} .sh-links a:hover{color:#fff;background:rgba(255,255,255,.1);} .sh-links a[aria-current="page"]{color:#fff;background:rgba(255,255,255,.14);} .sh-cta{display:inline-block;margin-left:6px;background:#e8a020;color:#fff;text-decoration:none;padding:9px 18px;border-radius:8px;font-size:.9rem;font-weight:700;white-space:nowrap;transition:filter .15s;} .sh-cta:hover{filter:brightness(1.07);} /* language switch */ .sh-lang{display:flex;gap:6px;align-items:center;margin-left:8px;} .sh-lang-a{font-family:inherit;font-size:.75rem;font-weight:700;letter-spacing:.03em;padding:4px 8px;border-radius:6px;text-decoration:none;color:#fff;opacity:.7;background:transparent;cursor:pointer;line-height:1.1;border:1px solid rgba(255,255,255,.35);transition:opacity .15s,background .15s;} .sh-lang-a:hover{opacity:1;} .sh-lang-a.active{opacity:1;background:#fff;color:#16324f;border-color:#fff;} /* The Oase utility subpages pad their , which would inset the header — pull it back out to full bleed. No-op when the body has no padding. */ .site-header[data-variant="utility"]{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);} /* mobile toggle */ .sh-toggle{display:none;background:transparent;border:0;color:#fff;cursor:pointer;padding:8px;margin:-8px -8px -8px 8px;line-height:0;} .sh-toggle svg{display:block;width:26px;height:26px;} @media(max-width:860px){ .sh-toggle{display:block;} .sh-nav{position:absolute;top:100%;left:0;right:0;background:#16324f;flex-direction:column;align-items:stretch;gap:0;padding:8px 16px 16px;box-shadow:0 10px 16px rgba(0,0,0,.22);display:none;} .site-header.sh-open .sh-nav{display:flex;} .sh-links{flex-direction:column;align-items:stretch;gap:2px;} .sh-links a{padding:12px;} .sh-cta{margin:10px 0 0;text-align:center;} .sh-lang{margin:12px 0 2px;} .sh-cobrand-sub{display:none;} }