/* Typography shared by Home and Detail.
 * Loaded after library.css. Roboto follows the company theme; Arial is the fallback.
 * No external font request is introduced by this plugin.
 */
.abc-updates {
    --abcl-font: var(--e-global-typography-text-font-family, 'Roboto'), Arial, sans-serif;
    font-family: var(--abcl-font);
}

.abc-updates h1,
.abc-updates h2,
.abc-updates h3,
.abc-updates h4,
.abc-updates h5,
.abc-updates h6,
.abc-updates input,
.abc-updates select,
.abc-updates button,
.abc-updates .article-body,
.abc-updates .abcl-toc a {
    font-family: var(--abcl-font) !important;
}

/* Home: quieter headings and normal letter spacing. */
.abc-updates .intro h1 {
    font-size: clamp(32px, 3.5vw, 46px);
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.02em;
}
.abc-updates .section-heading h2 {
    font-size: clamp(26px, 2.5vw, 34px);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.015em;
}
.abc-updates .article-card h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.01em;
}
.abc-updates .feature-grid h2 {
    font-weight: 600;
    letter-spacing: -0.015em;
}
.abc-updates .feature-grid .feature-main h2 {
    font-size: clamp(26px, 2.7vw, 36px);
    line-height: 1.3;
}
.abc-updates .eyebrow {
    letter-spacing: 0.07em;
    font-weight: 600;
}

/* Detail: title, introduction, body and heading hierarchy. */
.abc-updates .article-heading h1 {
    font-size: clamp(30px, 3.8vw, 48px);
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.02em;
}
.abc-updates .article-deck {
    font-size: 18px;
    line-height: 1.7;
}
.abc-updates .article-body {
    font-size: 17px;
    line-height: 1.8;
}
.abc-updates .article-body h1 {
    font-size: 30px;
    line-height: 1.35;
}
.abc-updates .article-body h2 {
    font-size: 26px;
    line-height: 1.4;
}
.abc-updates .article-body h3 {
    font-size: 22px;
    line-height: 1.4;
}
.abc-updates .article-body h1,
.abc-updates .article-body h2,
.abc-updates .article-body h3 {
    font-weight: 600;
    letter-spacing: -0.01em;
}

@media (max-width: 760px) {
    .abc-updates .article-card h3 {
        font-size: 22px;
    }
    .abc-updates .article-body {
        font-size: 16px;
    }
    .abc-updates .article-deck {
        font-size: 16px;
    }
    .abc-updates .article-body h1 {
        font-size: 27px;
    }
    .abc-updates .article-body h2 {
        font-size: 24px;
    }
    .abc-updates .article-body h3 {
        font-size: 21px;
    }
}

@media print {
    .abc-updates .article-heading h1 {
        font-size: 28pt;
    }
    .abc-updates .article-body {
        font-size: 11pt;
    }
}

/* Shared list cards: edit text sizes here for both Home and Detail. */
.abc-updates .article-card p {
    font-size: 17px;
    line-height: 1.65;
}
.abc-updates .article-card .card-meta,
.abc-updates .article-card .card-meta > span:last-child {
    font-size: 12px;
    line-height: 1.5;
}
.abc-updates .article-card .card-bottom {
    font-size: 13px;
    line-height: 1.5;
}

/* Detail navigation and image captions on every screen size. */
.abc-updates .toc summary,
.abc-updates .toc .abcl-toc a {
    font-size: 14px;
    line-height: 1.6;
}
.abc-updates .article-body figcaption,
.abc-updates .article-body .wp-caption-text {
    font-size: 12px;
    line-height: 1.6;
}