/* Home-only presentation layer for official NOVELIGHT novel thumbnails and the
   current parchment visual trial. Keep the generated cover placeholder as the
   safe fallback when a work has no official thumbnail. */
body.novelight-page-index.novelight-public-dark .novel-cover-image {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  background: #07111f;
}

/* Keep the parchment treatment limited to Home discovery shelves. The hero,
   feature explanation, pricing, and global navigation keep their existing skin. */
body.novelight-page-index.novelight-public-dark .discovery-section {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(circle at 50% 0%, rgba(214, 164, 71, 0.08), transparent 34%),
    linear-gradient(180deg, #120c08, #080707);
}

body.novelight-page-index.novelight-public-dark .discovery-section > .container {
  position: relative;
  z-index: 1;
  width: min(1240px, calc(100% - 44px));
  padding: 34px 30px 32px;
  border: 1px solid rgba(111, 71, 34, 0.72);
  border-radius: 14px;
  background:
    radial-gradient(circle at 10% 15%, rgba(114, 76, 36, 0.08) 0 1px, transparent 1.8px),
    radial-gradient(circle at 76% 28%, rgba(98, 63, 30, 0.07) 0 1px, transparent 1.8px),
    radial-gradient(circle at 42% 82%, rgba(105, 70, 33, 0.06) 0 1px, transparent 1.8px),
    repeating-linear-gradient(0deg, rgba(96, 65, 33, 0.025) 0 1px, transparent 1px 7px),
    linear-gradient(135deg, #f1e5c9 0%, #e6d3ad 52%, #dcc294 100%);
  box-shadow:
    0 22px 50px rgba(0, 0, 0, 0.34),
    inset 0 0 0 1px rgba(255, 249, 230, 0.35),
    inset 0 0 44px rgba(118, 75, 32, 0.08);
}

body.novelight-page-index.novelight-public-dark .discovery-section > .container::before {
  position: absolute;
  inset: 10px;
  border: 1px solid rgba(116, 73, 33, 0.17);
  border-radius: 9px;
  content: "";
  pointer-events: none;
}

body.novelight-page-index.novelight-public-dark .discovery-section .section-kicker {
  color: #7c4e22;
  font-size: 15px;
}

/* Keep the largest discovery heading at its existing size. */
body.novelight-page-index.novelight-public-dark .discovery-section .shelf-head h2 {
  color: #2d1b0f;
  font-family: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;
  font-weight: 700;
  letter-spacing: 0.025em;
}

body.novelight-page-index.novelight-public-dark .discovery-section .shelf-head p {
  color: #6e573e;
  font-size: 17px;
}

body.novelight-page-index.novelight-public-dark .discovery-section .shelf-more {
  color: #6f421e;
  font-size: 16px;
  text-decoration: underline;
  text-decoration-color: rgba(111, 66, 30, 0.34);
  text-underline-offset: 4px;
}

body.novelight-page-index.novelight-public-dark .discovery-section .shelf-more:hover {
  color: #9a6428;
}

body.novelight-page-index.novelight-public-dark .discovery-section .shelf-grid {
  gap: 16px;
}

body.novelight-page-index.novelight-public-dark .discovery-section .shelf-card {
  border: 1px solid #76502e;
  border-radius: 7px 10px 10px 7px;
  background: linear-gradient(90deg, #3f291d 0 7px, #6f452b 7px 10px, #2d1e17 10px 100%);
  box-shadow:
    0 10px 20px rgba(55, 32, 15, 0.23),
    inset 4px 0 rgba(229, 191, 119, 0.08),
    inset 0 0 0 1px rgba(255, 240, 202, 0.06);
}

body.novelight-page-index.novelight-public-dark .discovery-section .shelf-card::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 7px;
  z-index: 4;
  width: 2px;
  background: linear-gradient(180deg, rgba(230, 191, 114, 0.46), rgba(87, 50, 25, 0.36));
  box-shadow: 1px 0 rgba(28, 17, 11, 0.42);
  content: "";
  pointer-events: none;
}

body.novelight-page-index.novelight-public-dark .discovery-section .shelf-card:hover {
  border-color: #a8783e;
  box-shadow:
    0 15px 28px rgba(55, 32, 15, 0.34),
    0 0 0 1px rgba(143, 91, 39, 0.16),
    inset 4px 0 rgba(229, 191, 119, 0.1);
}

body.novelight-page-index.novelight-public-dark .discovery-section .novel-cover-image,
body.novelight-page-index.novelight-public-dark .discovery-section .novel-cover-placeholder {
  border-bottom: 1px solid rgba(104, 64, 30, 0.66);
}

body.novelight-page-index.novelight-public-dark .discovery-section .novel-cover-placeholder {
  background:
    radial-gradient(circle at 68% 24%, rgba(224, 178, 83, 0.28), transparent 10%),
    radial-gradient(circle at 66% 30%, rgba(77, 57, 36, 0.34), transparent 29%),
    linear-gradient(150deg, #2b211a, #6f4a2b 58%, #20150e);
}

html body.novelight-page-index.novelight-public-dark .discovery-section .shelf-card .card-copy {
  min-height: 146px;
  padding: 14px 14px 15px 17px;
  background:
    repeating-linear-gradient(0deg, rgba(102, 69, 35, 0.025) 0 1px, transparent 1px 6px),
    linear-gradient(145deg, #f0dfba, #dbc092);
  box-shadow: inset 0 1px rgba(255, 248, 227, 0.55);
}

html body.novelight-page-index.novelight-public-dark .discovery-section .shelf-card .genre {
  border-color: rgba(107, 65, 29, 0.3);
  background: rgba(110, 70, 31, 0.08);
  color: #73481f;
  font-size: 15px;
}

html body.novelight-page-index.novelight-public-dark .discovery-section .shelf-card .novel-title {
  color: #2d1d12;
  font-family: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: 0.012em;
}

html body.novelight-page-index.novelight-public-dark .discovery-section .shelf-card .novel-author {
  color: #6f573e;
  font-size: 16px;
}

body.novelight-page-index.novelight-public-dark .discovery-section .meta {
  color: #81694e;
}

body.novelight-page-index.novelight-public-dark .discovery-section .state {
  border-color: rgba(111, 70, 31, 0.32);
  background: rgba(255, 249, 229, 0.34);
  color: #715a40;
}

body.novelight-page-index.novelight-public-dark .discovery-section .seed-count {
  border-color: rgba(238, 201, 126, 0.56);
  background: rgba(50, 31, 18, 0.88);
  color: #f0cf82;
}

@media (max-width: 640px) {
  body.novelight-page-index.novelight-public-dark .discovery-section > .container {
    width: min(100% - 24px, 1240px);
    padding: 24px 16px 22px;
    border-radius: 10px;
  }

  body.novelight-page-index.novelight-public-dark .discovery-section > .container::before {
    inset: 7px;
    border-radius: 7px;
  }

  html body.novelight-page-index.novelight-public-dark .discovery-section .shelf-card .card-copy {
    min-height: 140px;
    padding: 13px 12px 14px 15px;
  }

  html body.novelight-page-index.novelight-public-dark .discovery-section .shelf-card .novel-title {
    font-size: 18px;
  }
}