/* The official Silicore header, with a separate product navigation row.
   Shared site-i18n owns primary links, localization and the mobile menu. */
:root { --pico-sitebar-height: 72px; }
html { scroll-padding-top: calc(var(--pico-sitebar-height) + 76px); }
.pico-site-header { position: sticky; top: 0; z-index: 1100; display: grid; grid-template-columns: 202px minmax(0, 1fr) minmax(160px, 16vw); height: var(--pico-sitebar-height); background: #09090c; color: #fff; box-shadow: inset 0 -1px #ffffff29; }
.pico-site-header::before { content: ''; position: absolute; right: 0; bottom: -3px; left: 0; height: 3px; background: linear-gradient(90deg, #caff16 0 18%, #58e8f2 18% 48%, #2f31e8 48% 82%, #ff5b52 82% 100%); pointer-events: none; }
.pico-site-header .header-logo-container { position: relative; display: flex; align-items: center; padding: 0 30px; background: #2f31e8; }
.pico-site-header .header-logo-container::after { content: 'SC/01'; position: absolute; right: 8px; bottom: 5px; color: #ffffffb8; font: 10px/1.5 var(--pico-font-sans); letter-spacing: .05em; }
.pico-site-header .header-logo-container a { display: inline-flex; align-items: center; min-height: 44px; }
.pico-site-header .header-logo { width: auto; max-width: 100%; height: 40px; }
.pico-site-header > nav { height: 100%; min-width: 0; }
.pico-site-header > nav > .nav-signal { font-family: var(--pico-font-sans); font-size: 12px; font-weight: 600; text-transform: uppercase; }
.pico-site-header .nav-signal::after { content: '+'; margin-left: 8px; color: #caff16; font-size: 12px; }
.pico-site-header .nav-signal:is(:hover, :focus-visible, .is-active)::after { color: #2f31e8; }
.pico-site-header .nav-social { display: flex; align-items: center; gap: 8px; margin-left: auto; }
.pico-site-header .nav-social-link { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 36px; width: 36px; height: 44px; }
.pico-site-header .nav-social-link:hover { background: #ffffff14; }
.pico-site-header .nav-social-link img { width: 19px; height: 19px; object-fit: contain; filter: brightness(0) invert(1); }
.pico-site-header .header-cta { display: flex; align-items: center; justify-content: center; min-width: 160px; padding: 0 20px; background: #caff16; color: #050505; clip-path: polygon(0 0, 100% 0, 100% 100%, 14px 100%, 0 calc(100% - 14px)); font: 700 13px/1.4 var(--pico-font-sans); text-align: center; text-transform: uppercase; }
.pico-site-header .header-cta:hover { background: #d8ff5d; }
.pico-site-header :is(a, button):focus-visible { outline: 3px solid #caff16; outline-offset: -3px; }
.pico-local-navigation { position: sticky; top: var(--pico-sitebar-height); z-index: 40; display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 58px; padding: 0 var(--pico-gutter); border-bottom: 1px solid var(--pico-line); background: #242424; font: 500 12px/1.5 var(--pico-font-sans); }
.pico-local-brand { display: inline-flex; align-items: center; gap: 11px; min-height: 44px; flex: 0 0 auto; letter-spacing: .06em; }
.pico-local-brand img { width: 48px; height: auto; filter: brightness(0) invert(.94); }
.pico-local-links { display: flex; align-items: center; gap: clamp(18px, 3vw, 40px); min-width: 0; overflow-x: auto; scrollbar-width: thin; }
.pico-local-links a { display: inline-flex; align-items: center; gap: 8px; min-height: 50px; flex-shrink: 0; white-space: nowrap; }
.pico-local-links a:hover { color: var(--pico-yellow); }
html:has(body.compliance-page) { scroll-padding-top: 0; }
.compliance-page .pico-local-navigation { position: relative; top: auto; }
.compliance-page .document-nav { top: var(--pico-sitebar-height); }
@media (max-width: 1600px) { :root { --pico-sitebar-height: 64px; } }
@media (max-width: 760px) {
  .pico-local-navigation { gap: 18px; min-height: 52px; padding-inline: 16px; }
  .pico-local-brand { font-size: 10px; gap: 8px; }
  .pico-local-brand img { width: 38px; }
  .pico-local-links { gap: 20px; font-size: 11px; scrollbar-width: none; }
  .pico-local-links::-webkit-scrollbar { display: none; }
  .pico-local-links a { min-height: 50px; }
}