/* High-visibility sales edition for low-vision readers */
:root {
  --ink: #fff;
  --muted: #d9edff;
  --navy: #010713;
  --panel: #071b31;
  --line: #3c8bc1;
  --blue: #43c8ff;
  --gold: #ffd45c;
  --max: 1240px;
}

body { font-size: 18px; line-height: 1.7; }
.site-header { border-bottom: 2px solid var(--blue); box-shadow: 0 6px 28px rgba(0,159,255,.2); }
.brand { font-size: 1.05rem; }
.brand-mark { border-width: 3px; box-shadow: 0 0 18px rgba(255,212,92,.35); }
.hero {
  min-height: 82vh;
  background:
    radial-gradient(circle at 78% 45%, rgba(47,195,255,.34), transparent 30%),
    radial-gradient(circle at 25% 0, rgba(255,212,92,.14), transparent 25%),
    linear-gradient(115deg, #010713 42%, #073761);
}
.hero h1 { text-shadow: 0 0 32px rgba(67,200,255,.22); }
.hero-copy,
.book-content > p:not(.subtitle),
.world p,
.author p:last-child { color: #fff; }
.button {
  min-height: 3.45rem;
  padding: .9rem 1.2rem;
  font-size: 1rem;
  box-shadow: 0 7px 20px rgba(0,0,0,.28);
}
.button.primary { background: linear-gradient(135deg,#ffe37e,#ffbc2f); border-color: #fff; color: #020812; }
.button.secondary { border-color: #7fd8ff; background: #071b31; }
.book-grid { gap: 2.6rem; }
.book-card {
  grid-template-columns: minmax(300px,40%) 1fr;
  border: 2px solid #2a7fb6;
  box-shadow: 0 18px 55px rgba(0,0,0,.42), 0 0 24px rgba(67,200,255,.08);
}
.book-card:hover { border-color: var(--gold); box-shadow: 0 20px 65px rgba(0,0,0,.5), 0 0 32px rgba(255,212,92,.18); }
.cover-wrap { min-height: 590px; border-right: 2px solid #2a7fb6; }
.book-number { font-size: .82rem; border: 2px solid #fff; box-shadow: 0 4px 14px rgba(0,0,0,.4); }
.themes span { border-color: #60bdeb; color: #fff; background: #0b2842; font-size: .88rem; }
.site-link { font-size: 1.05rem; }
.contact { border: 2px solid var(--blue); box-shadow: 0 0 35px rgba(67,200,255,.13); }

@media (max-width: 760px) {
  body { font-size: 17px; }
  .book-card { grid-template-columns: 1fr; }
  .cover-wrap { min-height: 0; border-right: 0; border-bottom: 2px solid #2a7fb6; }
  .hero { min-height: 76vh; }
  .button { width: 100%; }
}