/*
 * Editorial typography shared by every PecoChat article.
 * Reference values measured from SAIRU method article 106757 on 2026-08-09:
 * body #000426 / 400, headings #191f4d / 700.
 */

:root {
    --color-text-head: #191f4d;
    --color-text-body: #000426;
    --editorial-heading: #191f4d;
    --editorial-body: #000426;
}

body.article-body {
    color: var(--editorial-body);
    font-weight: 400;
    letter-spacing: normal;
}

/* Keep the opt-in article shell on the same editorial palette. */
.article-detail {
    --article-ink: #191f4d;
    --article-ink-soft: #000426;
    --article-body: #000426;
}

/* Article title and section hierarchy. */
body.article-body .hero-title-group,
body.article-body .hero-title-main,
body.article-body .hero-title-sub,
body.article-body .article-main h1,
body.article-body .article-main h2,
body.article-body .article-main h3,
body.article-body .article-main h4,
body.article-body .related-inner > h2,
body.article-body .faq-question,
body.article-body .faq-block h3 {
    color: var(--editorial-heading) !important;
    font-weight: 700 !important;
}

/* Standard reading text: darker than utility metadata, without artificial bolding. */
body.article-body .hero-desc,
body.article-body .article-lead,
body.article-body .article-main p,
body.article-body .article-main li,
body.article-body .article-main dd,
body.article-body .article-main figcaption,
body.article-body .article-main caption,
body.article-body .article-note,
body.article-body .decision-note,
body.article-body .faq-answer,
body.article-body .faq-block p,
body.article-body .insight-box p {
    color: var(--editorial-body) !important;
    font-weight: 400 !important;
}

body.article-body .article-main td:not(.external-col) {
    color: var(--editorial-body);
    font-weight: 400;
}

body.article-body .article-main th:not(.external-col) {
    color: var(--editorial-heading);
    font-weight: 700;
}

body.article-body .article-main strong,
body.article-body .article-main b {
    font-weight: 700;
}

/* SAIRU uses medium only for the TOC label; entries remain regular. */
body.article-body .article-toc-title {
    color: var(--editorial-body);
    font-weight: 500;
}

body.article-body .article-toc .toc-list a,
body.article-body .article-toc .toc-list a.active,
body.article-body .article-toc .toc-list a.is-active,
body.article-body .article-toc .toc-list li.active > a {
    color: var(--editorial-body) !important;
    font-weight: 400 !important;
}

body.article-body .article-toc .toc-list a:hover,
body.article-body .article-toc .toc-list a:focus-visible,
body.article-body .article-toc .toc-list a.active:hover,
body.article-body .article-toc .toc-list a.is-active:hover,
body.article-body .article-toc .toc-list li.active > a:hover {
    color: var(--color-primary-dark) !important;
}

body.article-body .related-card h3 {
    color: var(--editorial-heading);
    font-weight: 700;
}