/*
 * Reading Comprehension Worksheet – V1.0 (Premium 2026)
 * Passage formatting, numbered lines, question section
 * Aligned with worksheet-base.css design system
 */

/* =========================================
   1. SECTION TITLES
   ========================================= */
.rc-section-title {
    font-family: 'Nunito', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #374151;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 3mm;
    border-bottom: 1.5px solid #e5e7eb;
    padding-bottom: 1mm;
}

/* =========================================
   2. PASSAGE BLOCK
   ========================================= */
.rc-passage {
    font-family: Georgia, 'Times New Roman', serif;
    line-height: 1.8;
    color: #111827;
    margin-bottom: 6mm;
}

.rc-passage.rc-numbered {
    counter-reset: line-counter;
}

.rc-line {
    display: flex;
    align-items: baseline;
    gap: 3mm;
    page-break-inside: avoid;
}

.rc-line.rc-blank {
    height: 4mm;
}

.rc-line-num {
    font-family: 'Nunito', sans-serif;
    font-size: 9px;
    font-weight: 600;
    color: #9ca3af;
    min-width: 18px;
    text-align: right;
    flex-shrink: 0;
    -webkit-user-select: none;
    user-select: none;
}

.rc-line-text {
    flex: 1;
}

/* =========================================
   3. QUESTIONS SECTION
   ========================================= */
.rc-questions {
    display: flex;
    flex-direction: column;
    gap: 4mm;
}

.rc-question {
    page-break-inside: avoid;
}

.rc-question-text {
    font-family: 'Nunito', sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 2mm;
    display: flex;
    gap: 2mm;
    align-items: baseline;
}

.rc-q-num {
    font-weight: 700;
    min-width: 18px;
    flex-shrink: 0;
}

.rc-answer-line {
    width: 100%;
    height: 8mm;
    border-bottom: 1.5px solid #d1d5db;
}

/* =========================================
   4. PRINT OVERRIDES
   ========================================= */
@media print {

    .rc-passage,
    .rc-question-text,
    .rc-line-num {
        color: #000 !important;
    }

    .rc-answer-line {
        border-bottom-color: #999 !important;
    }

    .rc-section-title {
        color: #000 !important;
        border-bottom-color: #666 !important;
    }
}