/* =====================================================================
   Football Contest 2026 — shared interior-page theme
   Used by Rules, FAQ's, Past Winners, Schedule (and any future pages).
   Hero pages (Launch2026, Register) carry their own fuller styling.
   ===================================================================== */

:root {
    --fc-navy: #0b1526;
    --fc-navy2: #12203a;
    --fc-gold: #ffc93c;
    --fc-gold2: #ffaf00;
    --fc-white: #f5f7fa;
    --fc-muted: #93a1b5;
    --fc-ink: #1c2a41;
    --fc-ink-soft: #5c6b80;
}

/* ---------- Page hero band ---------- */
.fc-hero {
    background: radial-gradient(ellipse at 50% -40%, #23446e 0%, var(--fc-navy2) 55%, var(--fc-navy) 100%);
    border-radius: 0 0 26px 26px;
    box-shadow: 0 12px 34px rgba(11, 21, 38, 0.35);
    text-align: center;
    padding: 2.4rem 1rem 2.6rem;
    margin: -1.1rem 0 2rem;  /* cancel layout .content top padding */
}

.fc-hero-icon {
    font-size: 1.9rem;
    color: var(--fc-gold);
    margin-bottom: 0.5rem;
}

.fc-hero-title {
    color: var(--fc-white);
    font-size: clamp(1.7rem, 4.5vw, 2.5rem);
    font-weight: 900;
    letter-spacing: 1px;
    margin: 0;
}

    .fc-hero-title b,
    .fc-hero-title .gold {
        background: linear-gradient(180deg, #ffffff 15%, var(--fc-gold) 70%, var(--fc-gold2) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

.fc-hero-sub {
    color: var(--fc-muted);
    font-size: 1rem;
    margin: 0.6rem 0 0;
}

/* ---------- Content section + cards ---------- */
.fc-section {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 1rem 2.5rem;
}

.fc-section-wide { max-width: 1100px; }

.fc-card {
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(11, 21, 38, 0.10);
    padding: 1.6rem 1.8rem;
    margin-bottom: 1.4rem;
}

.fc-card-title {
    color: var(--fc-navy);
    font-weight: 800;
    font-size: 1.25rem;
    margin: 0 0 1rem;
}

    .fc-card-title i { color: var(--fc-gold2); margin-right: 0.5rem; }

/* ---------- Themed table ---------- */
.fc-table {
    width: 100%;
    background: #ffffff;
    border-radius: 14px;
    overflow: hidden;
    border-collapse: separate;
    border-spacing: 0;
    box-shadow: 0 8px 28px rgba(11, 21, 38, 0.10);
}

    .fc-table thead th {
        background: linear-gradient(180deg, var(--fc-navy2) 0%, var(--fc-navy) 100%);
        color: var(--fc-gold);
        font-size: 0.8rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 1.2px;
        padding: 0.8rem 1rem;
        border: none;
    }

    .fc-table tbody td {
        padding: 0.65rem 1rem;
        color: var(--fc-ink);
        border-bottom: 1px solid #eef1f6;
        vertical-align: middle;
    }

    .fc-table tbody tr:last-child td { border-bottom: none; }

    .fc-table tbody tr:nth-child(even) { background: #f8fafd; }

    .fc-table tbody tr:hover { background: #fff7e0; }

/* ---------- Gold pill button (page-level actions) ---------- */
.fc-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, var(--fc-gold) 0%, var(--fc-gold2) 100%);
    color: #14213a;
    font-weight: 800;
    border: none;
    border-radius: 999px;
    padding: 0.6rem 1.5rem;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.15s ease, filter 0.15s ease;
}

    .fc-pill:hover {
        transform: translateY(-2px);
        filter: brightness(1.05);
        color: #14213a;
        text-decoration: none;
    }

/* ---------- Day-code chip (schedule) ---------- */
.fc-day-chip {
    display: inline-block;
    background: var(--fc-navy);
    color: var(--fc-gold);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 1.5px;
    border-radius: 999px;
    padding: 0.25rem 0.8rem;
}

.fc-day-chip-bye {
    background: #e3e8f0;
    color: var(--fc-ink-soft);
}