/*
 * handwriting-fonts.css
 * Shared font styles for all theory pages
 * Open Sans for all text elements
 */

/* ===== OPEN SANS BODY TEXT ===== */
main p,
main li,
main ol,
main ul,
.content p,
.content li,
.content ol,
.content ul {
    font-family: 'Open Sans', system-ui, -apple-system, sans-serif !important;
    font-size: 1.1rem;
}

.chem-def-text,
.def-card p,
.def-card-label+p {
    font-family: 'Open Sans', system-ui, -apple-system, sans-serif !important;
    font-size: 1.12rem !important;
}

.chem-note-text,
.chem-note p,
.chem-note li,
.chem-note ul,
.chem-note div,
.chem-note strong {
    font-family: 'Open Sans', system-ui, -apple-system, sans-serif !important;
}

.chem-exception,
.chem-exception p,
.chem-exception li,
.chem-exception-text {
    font-family: 'Open Sans', system-ui, -apple-system, sans-serif !important;
    font-size: 1.1rem;
}

.chem-card p,
.chem-card li,
.chem-card div:not(.chem-card-title) {
    font-family: 'Open Sans', system-ui, -apple-system, sans-serif !important;
    font-size: 1.1rem;
}

.example-body,
.example-body p {
    font-family: 'Open Sans', system-ui, -apple-system, sans-serif !important;
    font-size: 1.1rem;
}

.task-card-condition,
.task-card-condition p {
    font-family: 'Open Sans', system-ui, -apple-system, sans-serif !important;
    font-size: 1.05rem;
}

.task-card-body,
.task-card-body p,
.task-card-body li {
    font-family: 'Open Sans', system-ui, -apple-system, sans-serif !important;
    font-size: 1.08rem;
}

.condition-card p,
.condition-card li {
    font-family: 'Open Sans', system-ui, -apple-system, sans-serif !important;
    font-size: 1.08rem;
}

.def-card,
.def-card p {
    font-family: 'Open Sans', system-ui, -apple-system, sans-serif !important;
    font-size: 1.1rem;
}

.law-card p,
.law-card li,
.vanthoff-card p,
.vanthoff-card li {
    font-family: 'Open Sans', system-ui, -apple-system, sans-serif !important;
    font-size: 1.08rem;
}

.chem-step-text {
    font-family: 'Open Sans', system-ui, -apple-system, sans-serif !important;
    font-size: 1.05rem;
}

.interactive-card p,
.interactive-card li {
    font-family: 'Open Sans', system-ui, -apple-system, sans-serif !important;
    font-size: 1.05rem;
}

.section-block p,
.section-block li {
    font-family: 'Open Sans', system-ui, -apple-system, sans-serif !important;
}

/* ===== OPEN SANS FOR FORMULAS ===== */
.formula-bubble {
    font-family: 'Open Sans', system-ui, -apple-system, sans-serif !important;
    font-size: 1.15rem;
    text-align: left;
    margin-left: 0;
    margin-right: 0;
}

/* ===== OPEN SANS FOR TABLES ===== */
.chem-table td,
.chem-table th,
table td,
table th {
    font-family: 'Open Sans', system-ui, -apple-system, sans-serif !important;
    font-size: 0.88rem;
}

/* ===== FORMULA RESPONSIVE ON MOBILE ===== */
@media (max-width: 768px) {
    .formula-bubble {
        font-size: 1rem;
        padding: 0.75rem 1rem;
    }

    .formula-bubble .MathJax {
        font-size: 0.88em !important;
    }

    .chem-def,
    .chem-note,
    .chem-exception {
        overflow-wrap: break-word;
        word-break: break-word;
    }
}