/* ============================================================ site-header.css — single source for the unified site header. Holds the feed-mode header tuning so every sub-page (Blog, Community, blog posts, forum threads, disclaimer, hot posts) renders the IDENTICAL header to the homepage. Loaded LAST in so it overrides globe-experience.css. Values are kept in sync with index.html's inline feed-mode header rules (homepage intentionally keeps its own inline copy). ============================================================ */ /* Feed-mode top bar: fixed, full-width, dark */ html[data-view="feed"] .globe-nav{ position:fixed; top:0; left:0; right:0; display:flex; align-items:center; justify-content:space-between; padding:11.2px 24px; z-index:20; background:rgba(13,17,23,.95); border-bottom:1px solid rgba(255,255,255,.08); } /* Brand / logo */ html[data-view="feed"] .globe-brand{ display:inline-flex; align-items:center; text-decoration:none; line-height:0; } html[data-view="feed"] .globe-brand img{ height:clamp(44.8px,4.7vw,76.2px) !important; width:auto; display:block; filter:drop-shadow(0 1px 4px rgba(0,200,255,.15)); } /* Desktop: fixed 92px bar with vertically-centred logo (matches homepage) */ @media(min-width:721px){ html[data-view="feed"] .globe-nav{ height:92px !important; min-height:92px !important; padding-top:0 !important; padding-bottom:0 !important; } html[data-view="feed"] .globe-brand{ align-self:center !important; } }