/*
  DigitallyLearn KB widget CSS
  Loaded only on pages that render KB widgets (single posts + subject pages).
  Phase 2b extraction of inc/enqueue.php inline <style id="dl-kb-styles">.
  Token-driven via dl-tokens.css.
*/

/* Knowledge Graph CPT base layout */
    .dl-kb-page {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 20px;
    }
    .dl-kb-page article {
        background: var(--dl-paper);
        padding: 32px 0;
    }
    .dl-kb-page h1 {
        font-size: 36px;
        line-height: 1.25;
        color: var(--dl-ink-soft);
        margin: 0 0 16px;
    }
    .dl-kb-page .dl-kb-meta {
        color: var(--dl-ink-mute);
        font-size: 14px;
        margin-bottom: 24px;
    }
    .dl-kb-page .dl-kb-content {
        font-size: 17px;
        line-height: 1.7;
        color: var(--dl-ink-soft);
    }
    .dl-kb-page .dl-kb-content h2 {
        font-size: 26px;
        color: var(--dl-ink-soft);
        margin: 32px 0 12px;
        padding-bottom: 8px;
        border-bottom: 2px solid var(--dl-accent);
    }
    .dl-kb-page .dl-kb-content h3 {
        font-size: 20px;
        color: var(--dl-ink-soft);
        margin: 24px 0 8px;
    }

    /* Topic-page widgets */
    .dl-kb-widget {
        background: var(--dl-paper-soft);
        border: 1px solid rgba(26,23,20,0.12);
        border-radius: 8px;
        padding: 20px;
        margin: 24px 0;
    }
    .dl-kb-widget h3 {
        margin-top: 0;
        color: var(--dl-ink-soft);
        font-size: 18px;
    }
    .dl-kb-widget ul {
        margin: 0;
        padding-left: 20px;
    }
    .dl-kb-widget li {
        margin: 8px 0;
    }

    /* Question display */
    .dl-question-stem {
        font-size: 18px;
        line-height: 1.6;
        color: var(--dl-ink-soft);
        background: var(--dl-paper-soft);
        padding: 20px;
        border-left: 4px solid var(--dl-ink-soft);
        margin: 24px 0;
    }
    .dl-question-options {
        list-style: none;
        padding: 0;
    }
    .dl-question-options li {
        padding: 12px 16px;
        margin: 8px 0;
        background: var(--dl-paper);
        border: 1px solid rgba(26,23,20,0.25);
        border-radius: 6px;
    }
    .dl-question-options li.correct {
        border-color: var(--dl-success);
        background: rgba(16,185,129,0.08);
    }

    /* Pillar/topic page hero - editorial palette: solid black + crimson left border */
    .dl-topic-hero {
        background: var(--dl-ink-soft);
        color: var(--dl-paper-warm);
        padding: 48px 36px;
        border-left: 4px solid var(--dl-accent);
        border-radius: 4px;
        margin-bottom: 32px;
    }
    .dl-topic-hero h1 {
        color: var(--dl-paper-warm);
        margin: 0 0 12px;
        font-family: 'Plus Jakarta Sans', 'Playfair Display', Georgia, serif;
        font-size: clamp(28px, 4.4vw, 44px);
        font-weight: 700;
        letter-spacing: -0.015em;
        line-height: 1.15;
        max-width: 56ch;
    }
    .dl-topic-hero .definition {
        font-size: 18px;
        opacity: 0.85;
        line-height: 1.55;
        max-width: 70ch;
    }

    @media (max-width: 768px) {
        .dl-kb-page h1 { font-size: 28px; }
        .dl-topic-hero { padding: 28px 20px; }
    }