/* =====================================================
   TARNOVSKI TLB FONT SYSTEM — global override
   Loads LAST (after screen.css + brand.css) so it wins.
   Forces TLB on ALL Insights elements (posts, nav, cards, etc.)
   Weights loaded: Light(300), Regular(400), Bold(700) only.
   ===================================================== */

/* --- CSS variables: override Ghost Source defaults --- */
:root {
    --font-sans: 'TLB', 'Arial', sans-serif !important;
    --font-serif: 'TLB', 'Arial', sans-serif !important;
    --font-mono: 'TLB', 'Arial', sans-serif !important;
    --gh-font-body: 'TLB', 'Arial', sans-serif !important;
    --gh-font-heading: 'TLB', 'Arial', sans-serif !important;
}

/* --- Body + all text: force TLB --- */
body {
    font-family: 'TLB', 'Arial', sans-serif !important;
}

/* --- Post content area --- */
.gh-content,
.gh-article-title,
.gh-article-excerpt,
.gh-article-meta,
.gh-card-title,
.gh-card-excerpt,
.gh-card-meta {
    font-family: 'TLB', 'Arial', sans-serif !important;
}

/* --- Headings inside post content --- */
.gh-content h1,
.gh-content h2,
.gh-content h3,
.gh-content h4,
.gh-content h5,
.gh-content h6 {
    font-family: 'TLB', 'Arial', sans-serif !important;
}

/* --- Koenig cards (callout, toggle, bookmark, etc.) --- */
.gh-content .kg-callout-card,
.gh-content .kg-callout-text,
.gh-content .kg-toggle-card,
.gh-content .kg-toggle-heading,
.gh-content .kg-bookmark-card,
.gh-content .kg-bookmark-title,
.gh-content .kg-bookmark-description,
.gh-content .kg-header-card,
.gh-content .kg-product-card {
    font-family: 'TLB', 'Arial', sans-serif !important;
}

/* --- Accessibility: link contrast in post content --- */
.gh-content a:link,
.gh-content a:link:not(.gh-btn) {
    color: #1a5cc8 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px;
}
.gh-content a:visited { color: #553da3 !important; }
.gh-content a:hover { color: #0c3d8a !important; }

/* --- Image aspect ratios (prevent CLS) --- */
.kg-width-wide img,
.kg-width-full img { width: 100%; height: auto; }
