/* ========================================
   Mojimoji World - Novel Series Layout
   ======================================== */

.novel-series-intro .featured-work {
    align-items: start;
    grid-template-columns: 1fr 2fr;
}

.novel-series-intro .article-content {
    font-size: var(--text-base);
    margin-bottom: var(--space-6);
}

.novel-series-intro .article-content h1,
.novel-series-intro .article-content h2 {
    margin-top: 1.5em;
}

.novel-series-intro .featured-work__cover {
    position: sticky;
    top: var(--space-4);
}

.novel-series-intro .gallery-main,
.novel-series-intro .gallery-image {
    border-radius: 0;
    box-shadow: none;
}

.novel-series-intro .grid-metadata {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    margin-bottom: 2rem;
    padding: 1.5rem 0;
    border-top: 1px solid var(--rule);
    border-bottom: 1px solid var(--rule);
}

.novel-series-intro .meta-item {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.novel-series-intro .meta-label {
    font-family: var(--font-sans);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--ink-muted);
}

.novel-series-intro .meta-value {
    font-family: var(--font-sans);
    font-size: 1rem;
    font-weight: 600;
    color: var(--ink);
}

.novel-series-intro .item-full-width {
    grid-column: 1 / -1;
}

.novel-series-intro .series-chapter-section {
    border-top: 1px solid var(--rule);
}

.novel-series-intro .series-chapter-list {
    border-top: 1px solid var(--rule);
    border-bottom: 1px solid var(--rule);
}

.novel-series-intro .series-chapter-item {
    border-bottom: 1px solid var(--rule);
}

.novel-series-intro .series-chapter-item:last-child {
    border-bottom: none;
}

.novel-series-intro .series-chapter-label,
.novel-series-intro .series-chapter-date {
    color: var(--ink-muted);
}

.novel-series-intro .series-chapter-title,
.novel-series-intro .series-chapter-arrow {
    color: var(--ink);
}

.novel-series-intro .series-empty-text {
    color: var(--ink-muted);
}

@media (max-width: 767.98px) {
    .novel-series-intro .featured-work {
        grid-template-columns: 1fr;
    }

    .novel-series-intro .featured-work__cover {
        position: static;
        margin-bottom: var(--space-4);
    }

    .novel-series-intro .grid-metadata {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
}