/* Related publications under the news ticker. The expanded interactive reader reserves this row.
   The compact reading bar and overlays retain their space. */
.network-strip { display:none }
html[data-reader-skin][data-theme] body.real-mode:is(.reader-interactive-ready,.reader-shell-preparing):not(.embed-mode,.reader-mobile-chrome-hidden):not(:has(> :is(.ticker,.topbar)[inert])) {
  --network-reserve:var(--network-band-size,max(50px,calc(43px * var(--ui-text-scale,1))));
}
body.real-mode > .network-strip {
  box-sizing:border-box;
  height:var(--network-reserve,0px);
  color:var(--text);
  background:var(--panel);
  font-family:var(--reader-skin-font);
  isolation:isolate;
}
html[data-reader-skin][data-theme] body.real-mode:is(.reader-interactive-ready,.reader-shell-preparing):not(.embed-mode,.reader-mobile-chrome-hidden):not(:has(> :is(.ticker,.topbar)[inert])) > .network-strip {
  display:grid;
  padding:2px clamp(6px,1.2vw,20px);
}
html[data-reader-skin=current] .network-strip {
  --network-credit-min:min-content;
  --network-rim:var(--line);
  --network-fill:var(--raised);
  --network-edge:var(--reader-skin-bevel);
}
html[data-reader-skin=hybrid][data-theme=light] .network-strip {
  --network-fill:linear-gradient(110deg,color-mix(in srgb,var(--blue) 6%,var(--panel)),var(--panel) 55%,color-mix(in srgb,var(--blue) 3%,var(--panel)));
}
.network-strip-inner {
  display:grid;
  grid-template-columns:minmax(max-content,1.14fr) repeat(4,minmax(0,1fr));
  align-items:center;
  height:100%;
  min-height:0;
  border:1px solid var(--network-rim,color-mix(in srgb,var(--blue) 26%,var(--line)));
  border-radius:var(--reader-control-radius,16px);
  background:var(--network-fill,linear-gradient(110deg,color-mix(in srgb,var(--blue) 13%,var(--panel)),var(--panel) 55%,color-mix(in srgb,var(--blue) 6%,var(--panel))));
  box-shadow:var(--network-edge,inset 0 1px 0 color-mix(in srgb,var(--text) 8%,transparent));
}
.network-credit {padding-inline:clamp(10px,1.7vw,28px);line-height:1.15;white-space:nowrap}
.network-credit > span {font-size:calc(10px * var(--ui-text-scale,1));font-weight:600;color:var(--muted);letter-spacing:.02em}
.network-credit > b {font-size:calc(12px * var(--ui-text-scale,1));font-weight:650;color:var(--text)}
.network-destination {
  position:relative;display:flex;align-items:center;justify-content:center;gap:7px;
  box-sizing:border-box;min-width:0;height:100%;border-radius:var(--reader-control-radius,16px);
  text-decoration:none;font-size:calc(12px * var(--ui-text-scale,1));font-weight:700;
  letter-spacing:.015em;white-space:nowrap;color:var(--text);
}
.network-destination::before {
  content:"";position:absolute;left:0;height:42%;width:1px;
  background:color-mix(in srgb,var(--blue) 16%,var(--line));
}
.network-destination img {width:24px;height:24px;flex:none;object-fit:contain}
.network-name-mobile {display:none}
.network-destination small {font:inherit;font-weight:510;color:color-mix(in srgb,var(--text) 44%,var(--muted))}
.network-destination:focus-visible {outline:2px solid var(--blue);outline-offset:-2px;background:var(--bluefill)}
@media(hover:hover) {.network-destination:hover {background:var(--bluefill);color:var(--text)}}
.network-destination:active {background:var(--hover)}
html[data-reader-skin=current] .network-destination:active {box-shadow:var(--reader-skin-pressed)}
@media(min-width:761px) {
  html[data-reader-skin][data-theme] body.real-mode:is(.reader-interactive-ready,.reader-shell-preparing):not(.embed-mode) > .terminal {
    height:calc(100dvh - var(--header) - var(--ticker) - var(--footer) - var(--network-reserve,0px));
  }
}
@media(min-width:761px) and (max-width:950px) {
  html[data-reader-skin][data-theme] body.real-mode {--network-band-size:76px}
  body.real-mode > .network-strip {width:calc(100% - 44px)}
  .network-strip-inner {grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:22px minmax(0,1fr)}
  .network-credit {grid-column:1/-1;text-align:center;padding:3px 6px 0}
  .network-destination {gap:4px;font-size:calc(11px * var(--ui-text-scale,1))}
  .network-destination img {width:20px;height:20px}
  .network-credit + .network-destination::before {display:none}
}
@media(max-width:760px) {
  html[data-reader-skin][data-theme] body.real-mode:is(.reader-interactive-ready,.reader-shell-preparing):not(.embed-mode,.reader-mobile-chrome-hidden) {
    --header:calc(var(--reader-full-header) + var(--network-reserve,0px));
  }
  body.real-mode > .network-strip {position:fixed;inset:var(--reader-full-header) 0 auto;z-index:34}
  .network-strip-inner {grid-template-columns:minmax(70px,1.3fr) minmax(0,1.12fr) minmax(0,.88fr) minmax(0,.92fr) minmax(0,1.17fr);border-radius:min(12px,var(--reader-control-radius,16px))}
  .network-credit {display:flex;flex-direction:column;padding-inline:8px 3px;white-space:normal}
  .network-credit > span {font-size:calc(9px * var(--ui-text-scale,1));line-height:1.12}
  .network-credit > b {font-size:calc(10px * var(--ui-text-scale,1));line-height:1.08}
  .network-destination {gap:3px;font-size:calc(10.5px * var(--ui-text-scale,1));letter-spacing:0}
  .network-destination img {width:18px;height:18px}
  .network-name-desktop {display:none}
  .network-name-mobile {display:inline}
}
@media(max-width:520px) {
  html:is([data-text-size-value="17"],[data-text-size-value="18"],[data-text-size-value="19"],[data-text-size-value="20"],[data-text-size-value="21"],[data-text-size-value="22"]) .network-destination {flex-direction:column;gap:1px;line-height:1.05}
}
@media(max-width:460px) {
  /* Four logo cells share one baseline; give each mark breathing room above
     its label instead of squeezing five text runs edge to edge on phones. */
  .network-strip-inner {grid-template-columns:minmax(var(--network-credit-min,0px),1.28fr) minmax(max-content,1.16fr) minmax(max-content,.83fr) minmax(max-content,.92fr) minmax(max-content,1.13fr)}
  .network-destination {flex-direction:column;gap:2px;line-height:1.05}
  .network-destination img {width:19px;height:19px}
  .network-credit {padding-inline:5px 2px}
  .network-destination {min-width:44px}
}
/* At enlarged reader sizes on mobile the attribution gets its own
   line. All four destinations still occupy a single row, at the chosen size. */
@media(max-width:760px) {
  html:is([data-text-size-value="17"],[data-text-size-value="18"],[data-text-size-value="19"],[data-text-size-value="20"],[data-text-size-value="21"],[data-text-size-value="22"]) {
    --network-band-size:max(74px,calc(55px * var(--ui-text-scale,1)));
  }
  html:is([data-text-size-value="17"],[data-text-size-value="18"],[data-text-size-value="19"],[data-text-size-value="20"],[data-text-size-value="21"],[data-text-size-value="22"]) .network-strip-inner {
    grid-template-columns:repeat(4,minmax(max-content,1fr));
    grid-template-rows:minmax(0,1fr) 44px;
  }
  html:is([data-text-size-value="17"],[data-text-size-value="18"],[data-text-size-value="19"],[data-text-size-value="20"],[data-text-size-value="21"],[data-text-size-value="22"]) .network-credit {
    grid-column:1 / -1;display:block;text-align:center;padding:0 4px;white-space:nowrap;
    font-size:calc(10px * var(--ui-text-scale,1));line-height:1.15;
  }
  html:is([data-text-size-value="17"],[data-text-size-value="18"],[data-text-size-value="19"],[data-text-size-value="20"],[data-text-size-value="21"],[data-text-size-value="22"]) .network-credit + .network-destination::before {display:none}
}
@media(prefers-contrast:more), (prefers-reduced-transparency:reduce) {
  .network-strip-inner {background:var(--panel);border-color:var(--muted);box-shadow:none}
  .network-destination small {color:var(--text)}
}
@media(forced-colors:active) {
  .network-strip-inner {background:Canvas;border-color:CanvasText;box-shadow:none}
  html[data-reader-skin=current] .network-destination:active {box-shadow:none}
  .network-destination, .network-destination small {color:LinkText}
  .network-destination:focus-visible {outline-color:Highlight}
}