/* ── Topic landing pages ────────────────────────────────────────────────────
   /{lang}/{slug}/ - one subject, three languages, a visible question block and
   the matching FAQPage schema.

   Only four classes of its own; the hero, section shells and headings come from
   the page-intro / page-section vocabulary these pages share with the rest of
   www. Text is capped at a reading measure rather than the container width:
   these pages are read, not scanned. */

.topic-body {
    max-width: 44rem;
    font-size: 1.02rem;
    line-height: 1.75;
    color: var(--text-on-light-secondary, #334155);
    margin: 0 0 26px;
}

.topic-faq {
    max-width: 44rem;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.topic-faq-item {
    background: #fff;
    border: 1px solid #E8ECF3;
    border-radius: 14px;
    padding: 18px 20px;
}

.topic-faq-q {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.45;
    color: var(--text-on-light-primary, #0F172A);
    margin: 0 0 8px;
}

/* Heebo stops at 700, so a heavier weight renders as a synthesised bold. */
html[lang="he"] .topic-faq-q { font-weight: 700; }

.topic-faq-a {
    font-size: .95rem;
    line-height: 1.7;
    color: var(--text-on-light-secondary, #475569);
    margin: 0;
}