/* KBT blog typography bump — increases every blog font-size by ~2pt
   (1pt ≈ 1.333px, so 2pt ≈ 2.67px ≈ 0.167rem at 16px root).
   Loaded only on /blog/ pages via includes/head-common.php.
   !important is required because each blog post sets these sizes
   in an inline <style> block in its <head>. */

/* ── Blog archive (blog/index.php) ─────────────────────────────── */
.blog-wrap .blog-page-title,
body.blog-page .blog-hero-copy .blog-page-title {
    font-size: clamp(2.367rem, 5vw, 4.167rem) !important;
}
.blog-wrap .blog-subtitle,
body.blog-page .blog-hero-copy .blog-subtitle {
    font-size: 1.217rem !important;
}
.blog-wrap .blog-kicker { font-size: 0.987rem !important; }
.blog-wrap .section-kicker { font-size: 0.947rem !important; }
.blog-wrap .blog-section-title {
    font-size: clamp(1.617rem, 3vw, 2.317rem) !important;
}
.blog-wrap .blog-section-note { font-size: 1.117rem !important; }
.blog-wrap .blog-chip { font-size: 1.047rem !important; }
.blog-wrap .blog-metric strong { font-size: 1.717rem !important; }
.blog-wrap .blog-metric span { font-size: 0.987rem !important; }

/* Post cards on archive + related rails */
/* Note: .post-card-date kept at original 0.78rem — user wants dates kept small. */
.post-card-date { font-size: 0.78rem !important; }
.post-card-title { font-size: 1.167rem !important; }
.post-card-excerpt { font-size: 1.047rem !important; }
.post-card-cta { font-size: 1.017rem !important; }
.blog-featured .post-card-title {
    font-size: clamp(1.517rem, 2vw, 2.067rem) !important;
}
.blog-featured .post-card-excerpt { font-size: 1.167rem !important; }

/* Pagination */
.pagination-link { font-size: 1.117rem !important; }

/* ── Blog post pages ───────────────────────────────────────────── */
.post-back { font-size: 1.067rem !important; }
.post-title { font-size: 2.067rem !important; }
@media (max-width: 600px) {
    .post-title { font-size: 1.617rem !important; }
}
/* Publish / Last updated line — kept at original 0.85rem per user request */
.post-meta { font-size: 0.85rem !important; }

/* Article body */
.blog-content { font-size: 1.217rem !important; }
.blog-content h2 { font-size: 1.667rem !important; }
.blog-content h3 { font-size: 1.367rem !important; }
.blog-content h4 { font-size: 1.167rem !important; }
.blog-content p,
.blog-content li,
.blog-content blockquote { font-size: inherit !important; }
.blog-content table { font-size: 1.087rem !important; }
.blog-content figcaption { font-size: 1.017rem !important; }

/* Side boxes / annotations used across posts */
.fix-box-title,
.fix-box p,
.warning-box-title,
.warning-box p,
.answer-box,
.answer-box h2 { font-size: 1.117rem !important; }
.answer-box h2 { font-size: 1.317rem !important; }

/* Code blocks */
.code-block { font-size: 1.017rem !important; }

/* Table of contents */
.toc-title { font-size: 1.117rem !important; }
.toc ol { font-size: 1.107rem !important; }

/* Jump-link chips used on some posts */
.jump-links a { font-size: 1.067rem !important; }
