/* Dewdrop list pages: Stories, Chapters, Collections, archives, search.
   Colors come from the Dewdrop tokens (Appearance > Customize > Dewdrop Colors). */

/* ---- Page title with a wave underline ---- */
body.dd-list-page :is(.singular__header h1, .archive__heading) {
  position: relative; padding-bottom: 1.2rem; margin-bottom: 1.1rem;
  font-family: var(--ff-heading, inherit); font-weight: 700; color: var(--dda-ink);
}
body.dd-list-page :is(.singular__header h1, .archive__heading)::after {
  content: ""; position: absolute; left: 0; bottom: 0; width: min(170px, 55%); height: 12px;
  background: var(--dd-wave) center / 100% 100% no-repeat; pointer-events: none;
}

/* ---- Statistics tiles ---- */
body.dd-list-page .statistics > *, body.dd-list-page [class*="stats-grid"] > * {
  border: 2px solid var(--dda-soft); border-radius: 16px 16px 16px 5px;
  background: linear-gradient(135deg, transparent 40%, var(--dda-sky));
}

/* ---- Sort / filter row ---- */
body.dd-list-page .list-button { border-radius: 99px; transition: background .15s, color .15s; }
body.dd-list-page .list-button:hover { background: var(--dda-soft); color: var(--dda-ink); }

/* ---- Cards: sticker look ---- */
body.dd-list-page .card__body {
  border: 2.5px solid var(--dda-line); border-radius: 20px 20px 20px 6px;
  box-shadow: 4px 5px 0 var(--dda-soft);
  background-image: linear-gradient(135deg, transparent 55%, var(--dda-sky));
  transition: box-shadow .2s;
}
body.dd-list-page .card:hover .card__body { box-shadow: 6px 8px 0 var(--dda-dew); }
body.dd-list-page .card__title { font-family: var(--ff-heading, inherit); font-weight: 600; color: var(--dda-ink); }

body.dd-list-page [class*="card__image"] {
  border: 2px solid var(--dda-line); border-radius: 10px 10px 10px 22px; overflow: hidden;
  box-shadow: 3px 3px 0 var(--dda-soft);
}
body.dd-list-page [class*="card__link-list"] > * + * { border-top: 2px dashed var(--dda-soft); }
body.dd-list-page [class*="card__link-list"] a:hover { color: var(--dda-accent); }
body.dd-list-page [class*="card__footer"] > * { border-radius: 99px; background: color-mix(in srgb, var(--dda-soft) 55%, transparent); }

body.dd-list-page .pagination { margin-top: 1.6rem; gap: .35rem; }

@media (max-width: 700px) {
  body.dd-list-page .card__body { border-radius: 16px 16px 16px 5px; box-shadow: 3px 4px 0 var(--dda-soft); }
  body.dd-list-page .card__title { font-size: 1.05rem; }
  body.dd-list-page [class*="card__image"] { border-radius: 8px 8px 8px 16px; }
}
@media (prefers-reduced-motion: reduce) { body.dd-list-page .card__body { transition: none; } }