/* Novel lists use book-shaped covers. Contain preserves titles baked into wide source art. */
:root{--xs-novel-cover-matte:#211e20}
body.dark{--xs-novel-cover-matte:#131115}

.book-cover,.novel-home-card-cover,.update-cover,.latest-card-cover,.top-cover,
.novel-card .cover,.home3-card-cover,.home4-pick-cover,.home6-featured-cover,
.home6-trending-cover,.home7-story-cover,.home7-top-pick-cover,
.home8-story-cover,.home8-top-cover,.home9-card-cover{
  aspect-ratio:2/3;
  object-fit:contain;
  background:var(--xs-novel-cover-matte);
}
.book-cover{padding:0}
.novel-card .cover{height:auto}
.xs-tag-archive .xs-tag-card[data-content-type="novel"] .xs-tag-media{aspect-ratio:2/3;background:var(--xs-novel-cover-matte)}
.xs-tag-archive .xs-tag-card[data-content-type="novel"] .xs-tag-image{width:100%;height:100%;object-fit:contain}

/* Editorial and discovery grids retain their own typography beside or below the book art. */
.home10-card-media{aspect-ratio:2/3;background:var(--xs-novel-cover-matte)}
.home10-card-media img{object-fit:contain}
.home11-card>img{aspect-ratio:2/3;object-fit:contain;background:var(--xs-novel-cover-matte)}

.home12-feature{display:grid;grid-template-columns:minmax(0,39%) minmax(0,1fr);align-items:stretch;min-height:0}
.home12-feature img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;background:var(--xs-novel-cover-matte)}
.home12-feature-copy{align-self:center;min-width:0}
.home12-feature.is-primary .home12-feature-copy strong{font-size:1.35rem}
.home12-row{grid-template-columns:35px 68px minmax(0,1fr) auto}
.home12-row img{width:68px;height:auto;aspect-ratio:2/3;object-fit:contain;background:var(--xs-novel-cover-matte)}

.home13-story-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto}
.home13-story,.home13-story.is-wide{display:flex;min-height:0;grid-column:auto;grid-row:auto;flex-direction:column;overflow:hidden;background:var(--card-bg);color:var(--text);border:1px solid var(--border);border-radius:16px;text-decoration:none}
.home13-story>img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;background:var(--xs-novel-cover-matte)}
.home13-story-shade{display:none}
.home13-story-copy{position:static;display:grid;gap:6px;padding:15px}
.home13-story-copy small{color:var(--accent)}
.home13-story-copy strong,.home13-story.is-wide .home13-story-copy strong{font-size:1.05rem;line-height:1.3}
.home13-story-copy em{color:var(--text-light)}
.home13-topic{aspect-ratio:2/3;min-height:0;background:var(--xs-novel-cover-matte)}
.home13-topic img{object-fit:contain}

.home14-row{grid-template-columns:72px minmax(0,1fr) 30px}
.home14-row img{width:72px;height:auto;aspect-ratio:2/3;object-fit:contain;background:var(--xs-novel-cover-matte)}
.home14-sidebar>a{grid-template-columns:28px 52px minmax(0,1fr)}
.home14-sidebar img{width:52px;height:auto;aspect-ratio:2/3;object-fit:contain;background:var(--xs-novel-cover-matte)}
.home14-featured img{aspect-ratio:2/3;object-fit:contain;background:var(--xs-novel-cover-matte)}

.home15-mosaic{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:auto}
.home15-tile,.home15-tile.is-feature{display:flex;min-width:0;grid-column:auto;grid-row:auto;flex-direction:column;background:#211e20;border:1px solid #3c3438;text-decoration:none}
.home15-tile img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;background:#151215}
.home15-tile-shade{display:none}
.home15-tile-copy{position:static;display:grid;gap:7px;padding:14px}
.home15-tile-copy strong,.home15-tile.is-feature strong{font-size:1.02rem;line-height:1.3}
.home15-tile-copy em{display:-webkit-box;overflow:hidden;font-size:.82rem;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.home15-most-read a{grid-template-columns:25px 48px minmax(0,1fr)}
.home15-most-read a img{width:48px;height:auto;aspect-ratio:2/3;object-fit:contain;background:var(--xs-novel-cover-matte)}
.home15-most-read header h2{color:#f4f1ec}

/* Catalogue pages: compact two-column book rows with the complete cover visible. */
.latest-grid,.novel-list,.top-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;align-items:stretch}
.latest-card,.novel-card,.top-item{min-width:0;height:auto;min-height:176px;overflow:hidden;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;box-shadow:none;padding:4px 0 20px;transform:none}
.latest-card,.novel-card{display:flex;align-items:flex-start;gap:17px}
.latest-card-cover-link{position:relative;display:block;flex:0 0 110px;align-self:flex-start;min-width:0}
.latest-card-cover,.novel-card .cover{display:block;width:110px;max-width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;border-radius:7px;background:var(--xs-novel-cover-matte)}
.latest-card-body,.novel-card .novel-content,.top-info{display:flex;flex:1;min-width:0;flex-direction:column;align-self:stretch}
.latest-title a,.novel-content h3 a,.top-info h3 a{color:var(--text);font-weight:700;text-decoration:none}
.latest-title a:hover,.novel-content h3 a:hover,.top-info h3 a:hover{color:var(--accent)}
.latest-excerpt,.novel-desc,.top-desc{display:-webkit-box;overflow:hidden;color:var(--text-light);-webkit-box-orient:vertical;-webkit-line-clamp:3}
.latest-meta,.novel-card .meta,.top-tags{margin-top:auto;color:var(--text-light)}
.novel-card:hover{transform:none}
.top-item{display:grid;grid-template-columns:28px 100px minmax(0,1fr);gap:14px}
.top-item>a{position:relative;display:block;width:100px;align-self:start}
.top-cover{display:block;width:100px;height:auto;aspect-ratio:2/3;object-fit:contain;background:var(--xs-novel-cover-matte)}
.rank-num{align-self:start;justify-content:flex-start;font-size:1.15rem;line-height:1.35}
.top-info h3{margin:0 0 8px}
.top-desc{margin:4px 0 10px}

@media(max-width:980px){
  .home13-story-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .home15-mosaic{grid-template-columns:repeat(3,minmax(0,1fr))}
  .latest-grid,.novel-list,.top-list{gap:16px 22px}
}
@media(max-width:680px){
  .latest-grid,.novel-list,.top-list{grid-template-columns:1fr;gap:12px}
  .latest-card,.novel-card,.top-item{min-height:0;padding:7px 0 17px}
  .latest-card,.novel-card{flex-direction:row;gap:13px}
  .latest-card-cover-link{flex-basis:84px}
  .latest-card-cover,.novel-card .cover{width:84px;flex:0 0 84px}
  .top-item{grid-template-columns:23px 84px minmax(0,1fr);gap:11px}
  .top-item>a,.top-cover{width:84px}
  .latest-excerpt,.novel-desc,.top-desc{-webkit-line-clamp:2}
  .novel-card{flex-direction:row}
  .novel-card .cover{width:90px;flex:0 0 90px}
  .home12-feature-grid{grid-template-columns:1fr}
  .home12-feature{grid-template-columns:minmax(0,38%) minmax(0,1fr)}
  .home12-feature img{height:auto}
  .home12-row{grid-template-columns:28px 62px minmax(0,1fr)}
  .home12-row img{width:62px;height:auto}
  .home13-story-grid,.home13-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home14-row{grid-template-columns:64px minmax(0,1fr)}
  .home14-row img{width:64px;height:auto}
  .home14-featured>div{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home15-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:420px){
  .home12-feature-copy{padding:11px}
  .home12-feature-copy strong,.home12-feature.is-primary .home12-feature-copy strong{font-size:1.05rem}
  .home13-story-copy,.home15-tile-copy{padding:10px}
  .home13-story-copy strong,.home15-tile-copy strong,.home15-tile.is-feature strong{font-size:.9rem}
}