/* Book detail page; colours and type follow the site's shared theme. */
.relay-page { margin: 0; }
.relay-page *, .relay-page *::before, .relay-page *::after { box-sizing: border-box; }
.relay-page a:focus-visible { outline: 2px solid var(--sk-gold); outline-offset: 5px; }
.relay-page .sk-simple-nav .brand { flex-shrink: 0; }
.relay-page .sk-simple-nav .links { font-size: .875rem; }
.relay-skip { position: fixed; top: 12px; left: 12px; z-index: 30; padding: 10px 16px; background: var(--sk-bg); color: var(--sk-text); transform: translateY(-200%); }
.relay-skip:focus { transform: translateY(0); }
.relay-hero { padding: clamp(32px, 5vw, 64px) 0 clamp(48px, 7vw, 88px); }
.relay-back { display: inline-block; color: var(--sk-muted); font-size: .875rem; text-decoration: none; margin-bottom: 32px; }
.relay-back:hover { color: var(--sk-gold); }
.relay-layout { display: grid; grid-template-columns: minmax(240px, 350px) minmax(0, 1fr); gap: clamp(32px, 5.5vw, 72px); align-items: start; }
.relay-cover img { display: block; width: 100%; height: auto; border-radius: 8px; border: 1px solid var(--sk-line-2); box-shadow: 0 24px 64px rgba(0,0,0,.3); }
.relay-copy .sk-eyebrow { font-size: .75rem; letter-spacing: .12em; margin: 0 0 16px; }
.relay-copy h1 { font-size: clamp(3rem, 6.5vw, 5.5rem); margin: 0; }
.relay-author { color: var(--sk-muted); font-size: .875rem; margin: 16px 0 24px; }
.relay-tagline { font-family: Fraunces, serif; color: var(--sk-gold); font-size: clamp(1.4rem, 2.4vw, 1.8rem); line-height: 1.3; margin: 0 0 24px; }
.relay-blurb { max-width: 61ch; color: var(--sk-muted); font-size: 1rem; line-height: 1.75; }
.relay-blurb p { margin: 0 0 16px; }
.relay-purchase { margin-top: 26px; padding-top: 20px; border-top: 1px solid var(--sk-line); }
.relay-formats { display: flex; flex-wrap: wrap; gap: 7px; font-size: .875rem; color: var(--sk-text); margin: 0 0 18px; }
.relay-formats span { color: var(--sk-bronze); }
.relay-purchase .sk-btn { padding: 13px 22px; }
.relay-purchase .sk-btn:hover { border-color: var(--sk-gold); }
.relay-release { color: var(--sk-muted); font-size: .875rem; margin: 16px 0 0; }
.relay-page .sk-footer { color: var(--sk-muted); padding: 28px 0 36px; }
.relay-page .sk-footer a { color: inherit; }
@media (max-width: 720px) {
  .relay-page .sk-simple-nav { position: relative; flex-direction: column; align-items: flex-start; gap: 12px; padding: 16px 18px; }
  .relay-page .sk-simple-nav .links { gap: 10px 18px; }
  .relay-layout { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .relay-cover { width: min(250px, 80%); justify-self: center; }
  .relay-back { margin-bottom: 28px; }
}