/* ============================================================
   Confluent — edition chrome
   Everything the web edition needs that the printed issue does
   not: a way back to the magazine, and a skip link past the
   cover. Kept out of issue03.css so that file can stay a
   verbatim copy of the studio's stylesheet.
   ============================================================ */

.skip{
  position:fixed; top:.6rem; left:50%; translate:-50% -200%;
  z-index:60; padding:.7rem 1.2rem;
  background:#2C0620; color:#FFF8F4;
  font-family:"Futura","Jost",system-ui,sans-serif; font-weight:500;
  font-size:.68rem; letter-spacing:.22em; text-transform:uppercase;
  text-decoration:none; border-radius:2rem;
  transition:translate .18s ease;
}
.skip:focus-visible{translate:-50% 0}

/* A dark pill reads on every band the issue flips through —
   fuchsia, marigold, aqua, violet and the pale papers alike. */
.return{
  position:fixed; z-index:50;
  top:clamp(.7rem,1.8vw,1.15rem); left:clamp(.7rem,1.8vw,1.15rem);
  display:inline-flex; align-items:center; gap:.4rem;
  padding:.5rem .95rem .5rem .7rem;
  background:rgba(28,3,20,.62); color:#FFF8F4;
  -webkit-backdrop-filter:blur(10px) saturate(1.3);
  backdrop-filter:blur(10px) saturate(1.3);
  border:1px solid rgba(255,248,244,.28); border-radius:2rem;
  font-family:"Futura","Jost",system-ui,sans-serif; font-weight:500;
  font-size:.63rem; letter-spacing:.24em; text-transform:uppercase;
  text-decoration:none; line-height:1;
  transition:background .18s ease, transform .18s ease;
}
.return svg{width:.9rem; height:.9rem; flex:none}
.return span{padding-top:.06em}
.return:hover{background:rgba(28,3,20,.86); transform:translateX(-2px)}
.return:focus-visible{outline:2px solid #FFF8F4; outline-offset:3px}

@media print{ .skip,.return{display:none} }

/* The chip lands exactly where the runner prints its own masthead line, at
   every viewport width, and says the same word — so on screen the chip stands
   in for it. Print hides the chip, so the runner is restored there. */
.runner > span:first-child{visibility:hidden}
@media print{ .runner > span:first-child{visibility:visible} }

/* Nothing here for the links in the issue body. The 2026-09-15 master styles
   them itself — `.cta a{color:inherit;text-decoration:none}` plus a hover that
   takes the band's accent — and the studio's stylesheet carries a global
   `:focus-visible` ring. Earlier builds left those states to the browser, so
   this file used to supply an underline refinement and a focus ring; both are
   now redundant, and the focus ring actively overrode the studio's. Don't add
   them back unless a future master stops styling `.cta a`. */