/* ============================================
   GCSE COVERAGE STYLING
   ============================================ */
.gcse-page-grid {
    grid-template-columns: 1fr;
}

.gcse-content {
    max-width: 1200px;
    margin: 0 auto;
}

.gcse-intro {
    text-align: center;
    margin-bottom: 40px;
}

.gcse-intro h2 {
    font-size: 36px;
    color: var(--color-primary-dark);
    margin-bottom: 10px;
}

.gcse-intro p {
    font-size: 18px;
    color: var(--text-secondary);
    max-width: 700px;
    margin: 0 auto;
}

.coverage-summary {
    background: rgba(16, 185, 129, 0.1);
    border-left: 4px solid var(--color-success);
    padding: var(--radius-xl);
    border-radius: var(--radius-sm);
    margin-bottom: 30px;
    font-size: 18px;
}

.coverage-summary strong {
    color: var(--color-success);
}

.spec-table {
    background: var(--bg-code-light);
    border: 1px solid #e2e8f0;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-purple);
    margin-bottom: 40px;
    overflow-x: auto;
}

.spec-table h3 {
    padding: var(--radius-xl);
    font-size: 24px;
    color: var(--text-primary);
    border-bottom: 1px solid #e2e8f0;
}

.spec-table table {
    width: 100%;
    border-collapse: collapse;
}

.spec-table th {
    background: var(--bg-light);
    padding: 15px 20px;
    text-align: left;
    font-weight: 600;
    color: var(--text-primary);
    border-bottom: 1px solid #e2e8f0;
}

.spec-table td {
    padding: 15px 20px;
    border-bottom: 1px solid #e2e8f0;
    color: var(--text-secondary);
    vertical-align: top;
}

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

.board-column {
    width: 80px;
    text-align: center;
    font-weight: 700;
}

.board-column.check {
    color: var(--color-success);
}

.gcse-footer {
    text-align: center;
    padding-top: 40px;
    border-top: 2px solid #e2e8f0;
}

.gcse-footer h2 {
    color: var(--color-primary-dark);
    margin-bottom: 10px;
}

.gcse-footer p {
    color: var(--text-secondary);
}

/* ============================================
   DARK MODE - GCSE Coverage
   ============================================ */
body.dark-mode .gcse-content {
    background: rgba(30, 27, 75, 0.95);
}

body.dark-mode .gcse-intro h2,
body.dark-mode .gcse-footer h2 {
    color: #c4b5fd;
}

body.dark-mode .gcse-intro p,
body.dark-mode .gcse-footer p {
    color: var(--text-secondary-dark);
}

body.dark-mode .coverage-summary {
    background: rgba(16, 185, 129, 0.15);
    border-left-color: #34d399;
}

body.dark-mode .coverage-summary strong {
    color: #6ee7b7;
}

body.dark-mode .spec-table {
    background: rgba(49, 46, 129, 0.6);
    border-color: rgba(139, 92, 246, 0.2);
}

body.dark-mode .spec-table th {
    background: rgba(49, 46, 129, 0.4);
    color: var(--text-primary-dark);
    border-bottom-color: rgba(139, 92, 246, 0.3);
}

body.dark-mode .spec-table td {
    color: #cbd5e1;
    border-bottom-color: rgba(139, 92, 246, 0.3);
}

body.dark-mode .board-column.check {
    color: #58d68d;
}