/* Network sponsor bar. The strip's height is reserved in the page HTML/CSS so nothing shifts when it fills.
   Colours come from the host site's own tokens (--bg-1/--elevated, --line/--border, --text-1/--muted);
   override per site with --ns-bg, --ns-line, --ns-fg, --ns-max. */
.ns{--ns-h:40px;box-sizing:border-box;width:100%;height:var(--ns-h);overflow:hidden;font:600 11px/1 var(--font-body,var(--font,system-ui,sans-serif));color:var(--ns-fg,var(--text-1,var(--muted,#a6a6ad)))}
.ns[data-ns-state=sponsor],.ns[data-ns-state=fallback]{background:var(--ns-bg,var(--bg-1,var(--elevated,var(--surface2,#131315))));border-bottom:1px solid var(--ns-line,var(--line,var(--border,rgba(128,128,128,.28))))}
.ns[data-ns-state=none]{height:0}
.ns-in{box-sizing:border-box;height:100%;max-width:var(--ns-max,var(--max-width,var(--shell,1280px)));margin:0 auto;padding:0 var(--gutter,16px);display:flex;align-items:center;justify-content:center}
.ns-link{display:flex;align-items:center;gap:10px;min-width:0;max-width:100%;color:inherit;text-decoration:none}
.ns-label{flex:none;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.ns-link img{display:block;height:24px;width:auto;max-width:min(60vw,360px);object-fit:contain}
.ns-fallback{color:inherit;font-size:12px;letter-spacing:.02em;text-decoration:none;opacity:.8}
.ns-fallback:hover,.ns-fallback:focus-visible{opacity:1;text-decoration:underline}
.ns-link:focus-visible,.ns-fallback:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:3px}
@media (max-width:640px){.ns{--ns-h:36px}.ns-link{gap:8px}.ns-link img{height:20px;max-width:56vw}}