/* listing.css — Shared styles for listing pages: newgames, popular, favorite, horror-games */

/* ── SEO Article ─────────────────────────────────────────── */
.seo-article {
    margin: 0 auto 56px auto;
    max-width: 1458px;
    padding: 0 24px;
    color: #b0b8cc;
    line-height: 1.85;
    font-size: 1rem;
}

.seo-article h2 {
    color: #e8e8f8;
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 0 14px 0;
}

.seo-article h3 {
    color: #d4c8f8;
    font-size: 1.1rem;
    font-weight: 600;
    margin: 28px 0 10px 0;
    padding-left: 12px;
    border-left: 3px solid #a259f7;
}

.seo-article p {
    margin: 0 0 14px 0;
}

.seo-article a {
    color: #a259f7;
    text-decoration: none;
    transition: color 0.2s;
}

.seo-article a:hover {
    color: #c490ff;
    text-decoration: underline;
}

/* ── Divider between grid and article ───────────────────── */
.listing-divider {
    max-width: 1458px;
    margin: 0 auto 36px auto;
    padding: 0 24px;
    border: none;
    border-top: 1px solid #2a2a45;
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 800px) {
    .seo-article {
        padding: 0 4vw;
        font-size: 0.97rem;
    }

    .seo-article h2 {
        font-size: 1.25rem;
    }

    .listing-divider {
        padding: 0 4vw;
    }
}