/* --- 1. Basis styling voor de KB-artikel container --- */
.kb-article {
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    word-break: break-word;
}

/* --- 2. De hoofdtitel van het artikel ({$kbarticle.title}) --- */
.kb-article > .custom-text-title {
   font-size: 25px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 12px;
    color: #1a1a1a;
}

/* --- 3. Alle normale tekst/paragrafen uit {$kbarticle.text} --- */
.kb-article p {
 font-size: 16px;
    margin-top: 0;
    color: #1a1a1a;
}

/* --- 4. Extra optie: Eigen CSS voor sub-koppen of nieuwe alinea's in de tekst --- */
/* Als je in je WHMCS editor een <h2> of <h3> gebruikt binnen het artikel: */
.kb-article h2 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 12px;
    color: #1a1a1a;
}

.kb-article h3 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #444444;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}

/* Wil je een specifieke alinea een afwijkende stijl geven? 
   Geef die alinea in de HTML-editor dan een class, bijv: <p class="kb-intro">Introductie tekst</p> */
.kb-article p.kb-intro {
    font-size: 1.15rem;
    font-weight: 500;
    color: #0056b3;
}