/* Canonical primary navigation, scoped above existing secondary Lab controls.
   Canonical R4 SiteChrome0c3 is a separately pinned, required read dependency. */
body:has(> [data-zyel-primary-header]) { --zyel-lab-primary-height:76px; }
body:has(> [data-zyel-primary-header][data-zyel-canonical-header]) { padding-top:var(--zyel-lab-primary-height); }
[data-zyel-primary-header].zyel-lab-primary-header { margin:0; width:100%; color:#fff; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
[data-zyel-primary-header]:not([data-zyel-canonical-header]) { position:relative; inset:auto; padding:.8rem 1rem; background:#090a0d; border:0; }
[data-zyel-primary-header]:not([data-zyel-canonical-header]) > .header-inner { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.75rem 1.5rem; width:min(100%,1240px); margin:auto; }
[data-zyel-primary-header]:not([data-zyel-canonical-header]) nav { display:flex; flex-wrap:wrap; gap:.35rem 1rem; align-items:center; }
[data-zyel-primary-header]:not([data-zyel-canonical-header]) nav > a { display:inline-flex !important; align-items:center; min-height:44px; padding:.25rem 0; color:#fff; text-decoration-thickness:2px; }
[data-zyel-primary-header].site-header.zyel-global-header { position:fixed; inset:0 0 auto; width:100%; min-height:var(--zyel-lab-primary-height); margin:0; padding:0; border:0; z-index:1000; color:#fff; background:linear-gradient(180deg,rgba(9,10,13,.78),rgba(9,10,13,.16)); }
[data-zyel-primary-header].site-header.zyel-global-header:is([data-scrolled="true"],[data-menu-open="true"]) { background:rgba(9,10,13,.94); }
[data-zyel-primary-header] .brand { display:inline-flex; align-items:center; flex:none; margin:0; padding:0; text-decoration:none; }
[data-zyel-primary-header] .brand img { display:block; width:142px; height:58px; max-width:none; object-fit:contain; }
[data-zyel-primary-header] :is(a,button):focus-visible { outline:3px solid #fff; outline-offset:4px; }
html[data-focus=strong] body [data-zyel-primary-header] :is(a,button):focus-visible { outline-width:5px; outline-offset:5px; }
/* The local Lab link remains text, not a second primary-logo treatment. */
[data-zyel-lab-secondary-header] :is(.lab-brand-logo,.brand-logo,.lab-brand-divider,.brand-slash) { display:none !important; }
[data-zyel-lab-secondary-header] :is(.lab-brand,.brand) { min-height:32px; }
[data-zyel-lab-secondary-header].lab-theme-header { position:relative; inset:auto; z-index:auto; width:auto; }
@media(min-width:901px) {
 html[data-navigation=side] body:has(> [data-zyel-primary-header][data-zyel-canonical-header]) [data-zyel-lab-secondary-header].lab-header { top:var(--zyel-lab-primary-height); max-height:calc(100vh - var(--zyel-lab-primary-height)); }
}
@media(max-width:680px) {
 body:has(> [data-zyel-primary-header]) { --zyel-lab-primary-height:68px; }
 [data-zyel-primary-header] .brand img { width:110px; height:55px; }
}
@media(forced-colors:active) {
 [data-zyel-primary-header] :is(a,button):focus-visible { outline-color:Highlight; }
}
