/* Icon tabs and book discovery, using the existing homepage theme. */
.book-home { --discovery-card: #1b1b1b; --discovery-shadow: #0003; --discovery-hover: #302025; }
html[data-theme="light"] .book-home { --discovery-card: #fff; --discovery-shadow: #38212c0a; --discovery-hover: #fff5f8; }
.book-home .campaign-tabs { position: relative; display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.book-home .campaign-tabs::-webkit-scrollbar, .discovery-rail::-webkit-scrollbar { display: none; }
.book-home .campaign-tabs button { flex: 1 0 20%; gap: 12px; min-height: 90px; padding: 16px; scroll-snap-align: start; }
.book-home .campaign-tab-icon { display: grid; place-items: center; flex: 0 0 40px; height: 40px; color: var(--muted); }
.book-home .campaign-tab-icon svg { width: 36px; height: 36px; }
.book-home .campaign-tabs .is-active .campaign-tab-icon { color: #fb3c58; }
.book-home .campaign-tab-label { font-size: 12px; font-weight: 700; white-space: nowrap; }
.book-home .campaign-tabs small { font-size: 9px; font-weight: 400; }
.campaign-tab-icon svg, .discovery-card svg { fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.book-home .campaign-stage { touch-action: pan-y pinch-zoom; }
.campaign-navigation { position: absolute; z-index: 3; right: 126px; bottom: 14px; display: flex; gap: 7px; }
.campaign-navigation button, .discovery-controls button { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 50%; background: var(--discovery-card); color: var(--text); }
.campaign-navigation button:hover, .discovery-controls button:hover:not(:disabled) { border-color: #fb3c58; color: #fb3c58; }
.campaign-navigation i, .discovery-controls i { font-size: 11px; }
.campaign-books { position: absolute; z-index: 1; top: 50%; right: 6%; display: flex; align-items: center; justify-content: center; width: 37%; transform: translateY(-47%); pointer-events: none; }
.campaign-books[hidden] { display: none; }
.campaign-books img { flex: 0 0 auto; width: 31%; height: auto; border-radius: 3px 6px 6px 3px; box-shadow: 10px 18px 26px #0003; transform: rotate(-12deg) translateX(16px); }
.campaign-books img:nth-child(2) { position: relative; z-index: 2; width: 37%; transform: translateY(-12px); }
.campaign-books img:nth-child(3) { transform: rotate(12deg) translateX(-16px); }
.campaign-stage:not([data-active-slide="0"]) .hero-annotation { display: none; }
html[data-theme="light"] .book-home .campaign-stage:not([data-active-slide="0"]) .campaign-image { opacity: .12; }
.discovery { margin-top: 28px; }
.discovery-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.discovery-heading h2 { margin: 0; font-size: 14px; font-weight: 600; letter-spacing: -.2px; }
.discovery-controls { display: flex; gap: 7px; }
.discovery-controls button:disabled { opacity: .3; cursor: default; }
.discovery-rail { display: flex; gap: 14px; overflow-x: auto; padding: 5px 2px 18px; scroll-snap-type: x mandatory; scrollbar-width: none; }
.discovery-card { flex: 1 0 136px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; min-height: 154px; padding: 22px 10px 18px; color: var(--text); background: var(--discovery-card); border: 1px solid var(--line); border-radius: 25px; box-shadow: 0 6px 16px var(--discovery-shadow); scroll-snap-align: start; transition: background .2s, border-color .2s, transform .2s; }
.discovery-card svg { width: 58px; height: 58px; color: #e12c49; }
.discovery-card strong { font-size: 11px; font-weight: 600; text-align: center; white-space: nowrap; }
.discovery-card:hover { background: var(--discovery-hover); border-color: #edafbc; transform: translateY(-3px); }
.discovery-card:focus-visible { outline-offset: -4px; }
@media (max-width: 1100px) {
  .book-home .campaign-tabs button { gap: 8px; padding-inline: 12px; }
  .book-home .campaign-tab-icon { flex-basis: 30px; }
  .book-home .campaign-tab-icon svg { width: 30px; height: 30px; }
  .book-home .campaign-tab-label { font-size: 11px; }
  .book-home .campaign-tabs small { font-size: 8px; }
}
@media (max-width: 760px) {
  .book-home .campaign-tabs button { flex: 0 0 118px; min-height: 83px; padding: 11px 8px; flex-direction: column; gap: 6px; }
  .book-home .campaign-tab-icon { flex: 0 0 31px; height: 31px; }
  .book-home .campaign-tab-icon svg { width: 31px; height: 31px; }
  .book-home .campaign-tab-label { font-size: 10px; }
  .book-home .campaign-tabs small { display: none; }
  .campaign-navigation { right: 16px; bottom: 13px; }
  .book-home .campaign-counter { left: 20px; right: auto; bottom: 25px; }
  .book-home .campaign-stage { height: 490px; }
  .campaign-stage:not([data-active-slide="0"]) .hero-footnote { display: none; }
  .campaign-books { top: auto; bottom: 51px; right: 8%; width: 53%; transform: none; }
  .campaign-books img { box-shadow: 6px 10px 16px #0002; }
  .discovery { margin-top: 23px; }
  .discovery-heading h2 { font-size: 13px; }
  .discovery-controls button { width: 30px; height: 30px; }
  .discovery-rail { gap: 12px; }
  .discovery-card { flex: 0 0 112px; min-height: 136px; border-radius: 24px; gap: 13px; padding: 19px 7px 16px; }
  .discovery-card svg { width: 53px; height: 53px; }
  .discovery-card strong { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) { .discovery-card { transition: none; } }