/* The Fry-series strip: Mythos · Heroes · Troy · Odyssey.
   Byte-identical file in apps/mythos, apps/heroes, apps/troy and
   apps/odyssey — keep the four in sync (diff them). Each chip wears
   its UK paperback cover: ground colour, cover type, spine-band accent. */
.series{padding:12px 14px 0;}
.series ol{
  display:flex;justify-content:center;flex-wrap:wrap;gap:8px;
  list-style:none;margin:0 auto;padding:0;max-width:680px;
}
.sbook{
  display:inline-flex;align-items:baseline;gap:6px;
  padding:5px 11px 4px;border-radius:7px;
  background:var(--cov);color:var(--ct);border-bottom:2px solid var(--foil);
  font-family:Georgia,"Times New Roman",serif;font-size:11.5px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;text-decoration:none;
}
a.sbook{opacity:.82;}
a.sbook:hover{opacity:1;}
a.sbook:active{transform:scale(.96);}
.sbook:focus-visible{outline:2px solid var(--foil);outline-offset:2px;}
.sbook.is-here{box-shadow:0 0 0 1.5px var(--foil);}
.sbook.is-soon{opacity:.5;}
.sbook small{
  font:600 8.5px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.08em;color:var(--ct);opacity:.85;
}
/* UK Penguin paperback covers: ground, type, spine band */
.b-mythos {--cov:#0a69ab;--foil:#d5b652;--ct:#fff;}
.b-heroes {--cov:#017a85;--foil:#f2692a;--ct:#fff;}
.b-troy   {--cov:#c8501f;--foil:#028cce;--ct:#fff;}
.b-odyssey{--cov:#f5fafd;--foil:#004979;--ct:#004979;}
.b-odyssey small{color:#ce692e;}
@media (prefers-reduced-motion: reduce){
  a.sbook:active{transform:none;}
}
@media print{.series{display:none;}}