/* ============================================================
   CONTENT PAGES (Rankings, Download, FAQ, Auth)
   content-pages.css
   ============================================================ */

/* ── CONTENT PAGE WRAPPER ───────────────────────────────────── */
.content-page {
    position: relative;
    z-index: 5;
    max-width: 1100px !important;
    width: 50%; /* ← thêm dòng này */
    margin: 0 auto;
    padding: 32px 16px 60px;
    /* spans full 3-col grid when used inside main-grid */
    grid-column: 1 / -1;
}

/* ── PAGE HEADER ────────────────────────────────────────────── */
.content-page__header {
    margin-bottom: 28px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(0, 180, 160, 0.2);
}

.content-page__title {
    font-family: 'Cinzel Decorative', cursive;
    font-size: clamp(1.4rem, 3vw, 2.2rem);
    color: #fff;
    text-shadow: 0 0 20px var(--teal), 0 0 50px var(--teal-dim);
    letter-spacing: 0.06em;
    margin-bottom: 6px;
}

.content-page__sub {
    font-size: 0.83rem;
    color: var(--text-dim);
    letter-spacing: 0.08em;
}