/* ==========================================================================
   AniList-style redesign — single source of truth for new work.
   Loaded LAST (after originrealm.bundle.css, light-theme.css,
   catalog-editorial.css) so rules here always win without hunting through
   the legacy bundle. Add new redesign rules here instead of editing the
   bundle directly.
   ========================================================================== */

/* Grid tiles (.card): the whole card (poster + text) is one rounded box,
   clipped via overflow:hidden on .card itself — .card-cover-wrap stays
   unrounded so there's no double-rounded-corner nesting. */
.card-cover-wrap {
    border-radius: 0;
}

/* ── Series page: borderless section containers ──────────────────────────
   Chapters / Similar Series / Comments no longer sit in their own boxed
   card — matches the borderless hero/title area above them. Structure now
   comes from spacing + a divider under each heading instead of a box. */
.series-chapters-shell,
.similar-series-panel,
.series-comments-card {
    padding-top: 2.5rem;
    border-top: 1px solid var(--border, rgba(255, 255, 255, 0.08));
}

/* ── Tracked-only series: Latest Release + Progress Tracker ──────────────
   Replaces the fake numbered chapter-button grid for series with no
   hosted content (see chapters_list.blade.php). Borderless, like the rest
   of the page — no card background here either. */
.tracked-only-panel {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.tracked-latest-release {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.6rem 0.85rem;
}

.tracked-latest-label {
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--text-muted, #64748b);
}

.tracked-latest-value {
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--text-primary, #f8fafc);
}

.tracked-latest-updated {
    font-size: 0.82rem;
    color: var(--text-secondary, #94a3b8);
}

.tracked-progress-tracker {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.tracked-progress-heading {
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--text-muted, #64748b);
}

.tracked-progress-tracker .lib-chapter-row {
    width: fit-content;
}

.tracked-login-cta {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 0.6rem 1.1rem;
    border-radius: 8px;
    background: var(--accent-primary, #2563eb);
    color: #fff;
    font-weight: 700;
    font-size: 0.85rem;
    text-decoration: none;
}