/* Shared V3 reading flow. Individual editorial spreads have scoped styles. */
.v3-edition { --v3-orange: #ff641f; }
.v3-sr { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.v3-edition .top { z-index: 30; }
.v3-edition .top-inner { gap: 18px; }
.v3-opening-mark { display: block; flex-shrink: 0; width: clamp(120px,12vw,160px); height: auto; margin: clamp(20px,3vh,34px) 0 24px; overflow: hidden; }
.v3-edition .cover-colophon > span:last-child,
.v3-edition .folio > span:first-child:not([data-copy]) { visibility: hidden; }
.v3-edition #backpage > .wrap { padding-bottom: clamp(46px, 7vw, 108px); }
.v3-social-page { display: flow-root; background: #e5eaf5; }
.v3-edition #backpage + #social-insert .si-spread { margin-top: 0; }
.v3-colophon { padding: clamp(36px, 5vw, 80px) 0 16px; background: #22241f; color: #f3f0e7; }
.v3-colophon .credits { margin-top: 0; border-color: #63675b; }
.v3-colophon .rubric { color: #f3f0e7; }
.v3-colophon .endline { border-color: #63675b; }
.v3-edition .pager { border-radius: 0; box-shadow: 4px 4px 0 #171916; }
.v3-edition .pager button { font-size: 19px; }
.v3-edition :is(#contents, #colophon, #social-insert) { scroll-margin-top: 12px; }

@media (max-width: 1100px) {
  .v3-edition .desk-links { display: none; }
}
@media (max-width: 880px) {
  .v3-edition .top-inner { gap: 11px; }
}
@media (max-width: 660px) {
  .v3-edition .top-inner { gap: 8px; }
  .v3-edition .brand-by { display: none; }
  .v3-opening-mark { grid-column: 1; grid-row: 2; width: min(160px,100%); margin: 0; align-self: start; }
  .v3-colophon { padding-bottom: 64px; }
}