/* Maths Worksheet Styles */
@import url('./worksheet.css');

:root {
    --primary-color:  #1a3a8c;
    --primary-light:  #2255cc;
    --accent-color:   #2255cc;
    --accent-light:   #e4ecff;
    --accent-lighter: #f5f8ff;
    --border-color:   #b0c0e8;
}

.header { border-bottom-color: var(--accent-color); }
.header::before { content: "🧮"; }
.spec-ref { color: var(--primary-color); top: 10px; font-size: 8.5pt; }
h1 { color: var(--primary-color); }
.subtitle { color: var(--primary-light); }

h2 {
    background: var(--accent-light);
    border-left-color: var(--accent-color);
    color: var(--primary-color);
}

h2.maths-section    { border-left-color: #c8001e; }
h2.science-section  { border-left-color: #005e22; }
h2.physics-section  { border-left-color: #d08000; }
h2.chemistry-section{ border-left-color: #c8001e; }
h2.biology-section  { border-left-color: #005e22; }

.question-number { color: var(--primary-color); }

.q-num {
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 1px solid #999;
    text-align: center;
    line-height: 24px;
    margin-right: 6px;
    font-weight: bold;
    font-size: 0.9em;
}

.answer-space { border-color: var(--border-color); background: var(--accent-lighter); }
.definition-box { background: var(--accent-light); border-left-color: var(--accent-color); }
.definition-box strong { color: var(--primary-color); }
.marks { color: #c8001e; }

.venn-space, .diagram-box, .grid-space {
    border-color: var(--accent-color);
    background: white;
}

.grid-space {
    background:
        repeating-linear-gradient(0deg, #e4ecff 0px, #e4ecff 1px, transparent 1px, transparent 20px),
        repeating-linear-gradient(90deg, #e4ecff 0px, #e4ecff 1px, transparent 1px, transparent 20px);
}

.instruction { color: var(--primary-light); }
.info-item { border-bottom-color: var(--border-color); }
table { border-color: var(--border-color); }
th, td { border-color: var(--border-color); }
th { background: var(--accent-light); color: var(--primary-color); }
.mark-scheme { border-top-color: var(--accent-color); }