/* Inner page content-only styles. Header, hero, footer use index.css */

.page-title {
    color: var(--secondary-color);
    margin-bottom: 10px;
}

.page-subtitle {
    color: #e0e0e0;
    max-width: 720px;
    margin: 0 auto 10px auto;
}

.page-content {
    padding: 20px 0 30px 0;
}

.content-block {
    background: var(--dark-bg-lighter);
    border: 1px solid var(--border-color);
    border-radius: var(--md-shape-corner-large);
    box-shadow: var(--md-elevation-1);
    padding: 16px;
}

/* Spacing between cards inside the same section */
.content-block + .content-block {
    margin-top: 12px;
}

/* Tighter gaps for components inside inner pages only */
.page-content .games-grid {
    gap: 12px;
}

.content-block .promo-cards {
    gap: 10px;
}

.content-title {
    color: var(--secondary-color);
    margin-bottom: 10px;
}

.content-text {
    color: var(--text-color);
}