.featured-preview .shelf {
  --shelf-surface: #e7eddf;
  --slot: clamp(162px, 48vw, 292px);
  --cover-height: clamp(175px, 47vw, 262px);
  padding: 17px 0 12px;
  overflow: hidden;
  border: 1px solid #cbd5bf;
  border-radius: 19px;
  background:
    radial-gradient(ellipse at 48% 25%, #fffdf3d9 0%, transparent 72%),
    linear-gradient(150deg, #f1f4e9 0%, var(--shelf-surface) 65%, #dce5d2 100%);
  box-shadow: inset 0 1px 0 #ffffffc7, 0 8px 24px #233e2c09;
}
.featured-preview .shelf + .shelf {
  --shelf-surface: #f1e7d5;
  border-color: #dfceb1;
  background:
    radial-gradient(ellipse at 48% 25%, #fffdf5e6 0%, transparent 72%),
    linear-gradient(150deg, #faf3e6 0%, var(--shelf-surface) 65%, #e9dcc3 100%);
}
.featured-preview .shelf-heading { padding-inline: clamp(14px, 4vw, 25px); margin-bottom: 0; }
.featured-preview .shelf h2, .featured-preview .book h3 {
  font-family: "DM Serif Text", Georgia, serif;
  font-weight: 400;
  letter-spacing: -.025em;
}
.featured-preview .shelf-track {
  display: flex;
  gap: clamp(5px, 1.5vw, 26px);
  padding: 12px calc((100% - var(--slot)) / 2) 1px;
  margin: 0;
  scroll-padding: 0;
  scroll-snap-type: none;
  scroll-behavior: auto;
}
.featured-preview .book {
  flex: 0 0 var(--slot);
  scroll-snap-align: center;
  text-align: center;
}
.featured-preview .book-link {
  border: 0;
  border-radius: 10px;
  background: none;
  overflow: visible;
  align-items: center;
}
.featured-preview .book-link:focus-visible { outline-offset: -3px; }
.featured-preview .cover {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--cover-height);
  width: 100%;
  padding: 0;
  background: none;
  aspect-ratio: auto;
  container-type: normal;
  overflow: visible;
}
.featured-preview .book-face {
  flex: none;
  height: var(--cover-height);
  width: calc(var(--cover-height) * (var(--cover-ratio)));
  border-radius: 7px;
  opacity: calc(.66 + .34 * var(--emphasis, 0));
  transform: scale(calc(.88 + .12 * var(--emphasis, 0)));
  box-shadow: 0 4px 9px #29241925;
  transition: box-shadow .4s ease;
}
.featured-preview .book-face::before, .featured-preview .book-face::after { content: none; }
.featured-preview .cover img { width: 100%; border-radius: inherit; }
.featured-preview .is-featured .book-face {
  box-shadow: 0 8px 16px #29241937, 0 2px 4px #29241923;
}
.featured-preview .book-details {
  padding: 12px 3px 2px;
  min-height: 77px;
  opacity: var(--caption-emphasis, 1);
  transition: opacity 240ms ease-out;
}
.featured-preview .book-link:focus-visible .book-details { opacity: 1; }
.featured-preview .book h3 {
  font-size: clamp(1.05rem, 4vw, 1.35rem);
  text-wrap: balance;
  line-height: 1.1;
}
@media (prefers-reduced-motion: reduce) {
  .featured-preview .book-face, .featured-preview .book-details { transition: none; }
}

/* Use the live glide while preserving the featured cover proportions. */
.featured-preview .shelf-track.has-rail { padding: 12px 0 1px; }
.featured-preview .shelf-rail {
  display: flex;
  gap: clamp(5px, 1.5vw, 26px);
  padding-left: var(--edge-start, 0px);
  padding-right: var(--edge-end, 0px);
}
.featured-preview .book { scroll-snap-align: none; }

@media (min-width: 581px) {
  .featured-preview .shelf-rail { gap: 12px; }
  .featured-preview .book {
    flex-basis: max(180px, calc(var(--cover-height) * var(--book-ratio, 1) + 12px));
  }
}

.featured-preview {
  background:
    radial-gradient(ellipse at 0% 35%, #dde5d542 0%, transparent 48%),
    radial-gradient(ellipse at 100% 75%, #e6d4b23d 0%, transparent 48%),
    var(--paper);
}

/* Let the publisher identity lead the compact header. */
.featured-preview .imprint {
  width: min(100%, clamp(260px, 78vw, 340px));
  height: auto;
  aspect-ratio: 5 / 1;
}
.featured-preview .hero h1 {
  font-size: clamp(1.55rem, 4vw, 2.4rem);
  line-height: 1.12;
  margin-top: 16px;
  letter-spacing: -.03em;
}

/* A single centered stack keeps the identity and controls together. */
.featured-preview .hero {
  display: grid;
  justify-items: center;
  gap: 14px;
  padding-block: 30px 22px;
}
.featured-preview .imprint { display: block; margin: 0; }
.featured-preview .hero h1 { width: 100%; margin: 0; }
.featured-preview .jump-links {
  width: min(100%, 480px);
  max-width: 100%;
  margin: 4px 0 0;
}
.featured-preview .jump-links a { min-width: 0; }
@media (max-width: 580px) {
  .featured-preview .hero { gap: 12px; padding-top: 26px; }
  .featured-preview .jump-links { gap: 10px; }
}

/* Reserve scrollbar space so opening details cannot resize/recenter the page. */
html { scrollbar-gutter: stable; }
.logo-pending .imprint img { opacity: 0; }
@media (prefers-reduced-motion: reduce) {
  .logo-pending .imprint img { opacity: 1; }
}
.featured-preview .shelf-rail {
  padding-left: var(--edge-start, max(0px, calc((100% - var(--slot)) / 2)));
  padding-right: var(--edge-end, max(0px, calc((100% - var(--slot)) / 2)));
}
.featured-preview .shelf-track::after {
  content: '';
  display: block;
  width: var(--rail-width, 0px);
  height: 0;
}
@media (min-width: 581px) {
  .featured-preview .shelf-rail {
    padding-left: var(--edge-start, max(0px, calc((100% - max(180px, var(--cover-height) * var(--first-ratio) + 12px)) / 2)));
    padding-right: var(--edge-end, max(0px, calc((100% - max(180px, var(--cover-height) * var(--last-ratio) + 12px)) / 2)));
  }
}

/* Botanical book details, using the original artwork and verified editions. */
.featured-preview .book-sheet {
  width: min(620px, calc(100% - 40px));
  padding: 30px 28px 26px;
  border: 1px solid #d4c2a2;
  border-radius: 28px;
  background: radial-gradient(ellipse at 50% 15%, #fffdf6 0%, #f8f2e6 62%, #f0e8d9 100%);
  box-shadow: inset 0 1px 0 #ffffffcc, 0 24px 90px #102c2345;
}
.featured-preview .book-sheet::backdrop { background: #183a2db3; backdrop-filter: blur(7px); }
.featured-preview .sheet-artwork {
  position: relative;
  display: grid;
  place-items: center;
  isolation: isolate;
  margin: 0 auto 20px;
  padding: 8px 48px 0;
}
.featured-preview .sheet-halo {
  position: absolute;
  z-index: -1;
  width: min(88%, 380px);
  height: 88%;
  bottom: -3px;
  border: 1px solid #bb944d70;
  border-bottom-color: transparent;
  border-left-color: #bb944d30;
  border-radius: 50%;
  transform: rotate(-12deg);
}
.featured-preview .sheet-botanical {
  position: absolute;
  z-index: -1;
  width: clamp(68px, 18vw, 108px);
  height: 85%;
  left: max(0px, calc(50% - 230px));
  bottom: 0;
  color: #ac7e35;
  opacity: .65;
}
.featured-preview .book-sheet[data-category="read"] .sheet-botanical { transform: rotate(-9deg); opacity: .55; }
.featured-preview .sheet-cover {
  width: auto;
  height: min(29dvh, 250px);
  max-width: 100%;
  max-height: none;
  object-fit: contain;
  margin: 0;
  border-radius: 4px;
  box-shadow: 0 9px 18px #47391f29, 0 2px 5px #47391f1a;
}
.featured-preview .book-sheet h2 {
  font-family: "DM Serif Text", Georgia, serif;
  font-size: clamp(1.6rem, 3vw, 2.25rem);
  font-weight: 400;
  line-height: 1.12;
  letter-spacing: -.025em;
  margin: 0 auto;
  color: var(--forest);
}
.featured-preview #sheet-description {
  max-width: 46ch;
  margin: 12px auto 24px;
  font-size: 1rem;
  line-height: 1.5;
  color: #46554c;
}
.featured-preview #formats-title {
  margin: 0 0 13px;
  color: var(--forest);
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: .78rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .19em;
  text-transform: uppercase;
}
.featured-preview .edition-links { display: grid; grid-template-columns: minmax(0, 1fr); gap: 11px; }
.featured-preview .sheet-shop {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) 38px;
  align-items: center;
  gap: 15px;
  min-height: 82px;
  padding: 13px 16px;
  border: 1px solid #bda987;
  border-radius: 16px;
  background: linear-gradient(130deg, #fffdf7ba, #f9f4eb80);
  color: var(--forest);
  text-align: left;
  text-decoration: none;
  box-shadow: inset 0 1px 0 #fff9, 0 2px 4px #49391a05;
  transition: background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.featured-preview .sheet-shop:hover {
  background: #fffcf3;
  border-color: #947a49;
  box-shadow: 0 5px 12px #49391a10;
  transform: translateY(-1px);
}
.featured-preview .sheet-shop:active { transform: translateY(0); }
.featured-preview .format-icon {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  border-radius: 12px;
  background: linear-gradient(145deg, #e3e8d3, #d5ddc4);
}
.featured-preview .format-icon svg { width: 29px; height: 29px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.featured-preview .format-copy { display: grid; gap: 2px; }
.featured-preview .format-copy strong { font-size: 1.12rem; font-weight: 700; line-height: 1.2; }
.featured-preview .format-copy > span { font-size: .88rem; font-weight: 400; color: #586257; }
.featured-preview .edition-arrow {
  width: 38px;
  height: 38px;
  border: 1px solid #234d38;
  border-radius: 50%;
  background: linear-gradient(140deg, #284d36, #143424);
  color: #fffdf2;
  box-shadow: inset 0 1px 0 #ffffff19;
}
.featured-preview .edition-arrow svg { width: 21px; height: 21px; stroke-width: 1.8; }
.featured-preview .sheet-close {
  top: 14px;
  right: 14px;
  z-index: 2;
  width: 44px;
  height: 44px;
  border: 1px solid #bda987;
  background: #faf5e9e6;
  box-shadow: none;
}
@media (max-width: 580px) {
  .featured-preview .book-sheet {
    inset: auto 0 0;
    width: 100%;
    max-height: calc(100dvh - 12px);
    margin: 0;
    padding: 28px 18px max(22px, env(safe-area-inset-bottom));
    border-radius: 25px 25px 0 0;
  }
  .featured-preview .sheet-artwork { padding-inline: 45px; margin-bottom: 18px; }
  .featured-preview .sheet-cover { height: min(26dvh, 215px); }
  .featured-preview #sheet-description { font-size: .92rem; margin-bottom: 20px; }
  .featured-preview .sheet-shop { grid-template-columns: 44px minmax(0, 1fr) 34px; gap: 12px; min-height: 74px; padding: 12px; }
  .featured-preview .format-icon { width: 44px; height: 44px; }
  .featured-preview .edition-arrow { width: 34px; height: 34px; }
  .featured-preview .format-copy strong { font-size: 1.05rem; }
  .featured-preview .sheet-close { top: 12px; right: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .featured-preview .sheet-shop { transition: none; }
}

/* Fine botanical artwork instead of the geometric branch. */
.featured-preview .sheet-botanical {
  width: auto;
  height: 94%;
  max-width: 32%;
  left: max(0px, calc(50% - 245px));
  bottom: -4px;
  object-fit: contain;
  opacity: .85;
  transform: none;
}
.featured-preview .book-sheet[data-category="read"] .sheet-botanical { transform: none; opacity: .85; }
.featured-preview .sheet-halo {
  width: min(86%, 340px);
  height: 106%;
  bottom: -7%;
  border-color: #bd914f7d;
  border-bottom-color: transparent;
  border-left-color: #bd914f40;
  transform: rotate(-12deg);
}
/* Reference-inspired category pills. */
.featured-preview .jump-links { width: 100%; max-width: 720px; gap: 16px; }
.featured-preview .jump-links a,
.featured-preview .jump-links a + a {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 34px;
  gap: 12px;
  align-items: center;
  min-height: 74px;
  padding: 13px 18px;
  border: 1px solid #6c7c59;
  border-radius: 999px;
  background: linear-gradient(145deg, #fffdf7, #f8f2e6);
  color: var(--forest);
  box-shadow: inset 0 1px 0 #fff, 0 5px 10px #49391a12;
}
.featured-preview .jump-links a .category-label {
  display: block;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  color: var(--forest);
  font-family: 'DM Serif Text', Georgia, serif;
  font-size: clamp(1rem, 1.8vw, 1.35rem);
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: -.02em;
  text-align: center;
}
.featured-preview .category-icon { width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.featured-preview .jump-links a .category-arrow {
  width: 34px;
  height: 34px;
  border: 1px solid #a37732;
  border-radius: 50%;
  color: #98702f;
}
.featured-preview .category-arrow svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.featured-preview .jump-links a:hover { background: #fffcf3; border-color: #3e5b3d; transform: translateY(-1px); }
@media (max-width: 580px) {
  .featured-preview .jump-links { gap: 9px; }
  .featured-preview .jump-links a, .featured-preview .jump-links a + a { grid-template-columns: 20px minmax(0, 1fr) 24px; min-height: 65px; padding: 10px; gap: 6px; }
  .featured-preview .category-icon { width: 20px; height: 24px; }
  .featured-preview .jump-links a .category-label { font-size: .96rem; }
  .featured-preview .jump-links a .category-arrow { width: 24px; height: 24px; }
  .featured-preview .category-arrow svg { width: 16px; height: 16px; }
}
@media (max-width: 360px) {
  .featured-preview .jump-links { grid-template-columns: 1fr; }
  .featured-preview .jump-links a, .featured-preview .jump-links a + a { min-height: 52px; padding-inline: 18px; grid-template-columns: 24px minmax(0, 1fr) 28px; }
  .featured-preview .jump-links a .category-label { font-size: 1.1rem; }
}

/* Clean mouse/touch selection; retain a quiet keyboard-only focus indicator. */
.featured-preview :where(a, button, .shelf-track) { -webkit-tap-highlight-color: transparent; }
.featured-preview :where(a, button, .shelf-track):focus-visible {
  outline: 2px solid #697a59;
  outline-offset: 3px;
}
html.pointer-input .featured-preview :where(a, button, .shelf-track):focus {
  outline: none;
}