/* Fase 2: opmaak voor de uit Fusion omgezette inhoud (zie zelfstandig.php en kcaf-fusion-omzetter.php).
   Kleuren en maten volgen de variabelen uit design.php (--blue, --navy, --ink, --muted, --line). */

/* Kolommen: naast elkaar vanaf 700px, daaronder onder elkaar. */
.kcd-article-content .kcd-cols{display:flex;flex-wrap:wrap;gap:24px;margin:0 0 1.3em}
.kcd-article-content .kcd-col{flex:0 0 100%;min-width:0}
.kcd-article-content .kcd-col>:last-child{margin-bottom:0}
@media(min-width:700px){
  .kcd-article-content .kcd-col-1-2{flex-basis:calc(50% - 12px)}
  .kcd-article-content .kcd-col-1-3{flex-basis:calc(33.333% - 16px)}
  .kcd-article-content .kcd-col-2-3{flex-basis:calc(66.666% - 8px)}
  .kcd-article-content .kcd-col-1-4{flex-basis:calc(25% - 18px)}
  .kcd-article-content .kcd-col-3-4{flex-basis:calc(75% - 6px)}
  .kcd-article-content .kcd-col-1-5{flex-basis:calc(20% - 19.2px)}
  .kcd-article-content .kcd-col-2-5{flex-basis:calc(40% - 14.4px)}
  .kcd-article-content .kcd-col-3-5{flex-basis:calc(60% - 9.6px)}
  .kcd-article-content .kcd-col-4-5{flex-basis:calc(80% - 4.8px)}
  .kcd-article-content .kcd-col-1-6{flex-basis:calc(16.666% - 20px)}
  .kcd-article-content .kcd-col-5-6{flex-basis:calc(83.333% - 4px)}
}
.kcd-article-content .kcd-vlak{background:#f0f6fa;border-radius:12px;padding:20px 24px;margin:0 0 1.3em}
.kcd-article-content .kcd-text-cols{column-count:2;column-gap:2.5em}
@media(max-width:700px){.kcd-article-content .kcd-text-cols{column-count:1}}
.kcd-article-content .kcd-center{text-align:center}
.kcd-article-content .kcd-sep{border:0;border-top:1px solid var(--line);margin:2em 0}
.kcd-article-content .kcd-anker{scroll-margin-top:100px}

/* Knoppen */
.kcd-article-content .kcd-button{margin:1.2em 0}
.kcd-article-content .kcd-button-center{text-align:center}
.kcd-article-content .kcd-button-right{text-align:right}

/* Afbeeldingen en galerijen (raster, zonder lightbox) */
.kcd-article-content .kcd-image{margin:0 0 1.3em}
.kcd-article-content .kcd-image img{display:block;max-width:100%;height:auto;border-radius:6px}
.kcd-article-content .kcd-align-center{margin-left:auto;margin-right:auto;text-align:center}
.kcd-article-content .kcd-align-center img{margin:0 auto}
@media(min-width:700px){
  .kcd-article-content .kcd-align-left{float:left;margin:0 24px 16px 0;max-width:45%}
  .kcd-article-content .kcd-align-right{float:right;margin:0 0 16px 24px;max-width:45%}
}
.kcd-article-content .kcd-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0 0 1.5em}
.kcd-article-content .kcd-gallery a{display:block;aspect-ratio:3/2;overflow:hidden;border-radius:6px;background:#eef4f8}
.kcd-article-content .kcd-gallery img{width:100%;height:100%;object-fit:cover;display:block}
.kcd-article-content .kcd-voor-na figure{margin:0}
.kcd-article-content .kcd-voor-na figcaption{font-size:14px;color:var(--muted);margin-top:6px}
.kcd-article-content .kcd-embed{position:relative;aspect-ratio:16/9;margin:0 0 1.5em}
.kcd-article-content .kcd-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:8px}

/* Tabs (als secties onder elkaar), uitklappers, meldingen, kaders */
.kcd-article-content .kcd-tabs .tab-pane{border-top:1px solid var(--line);padding-top:8px;margin-top:24px}
.kcd-article-content .kcd-toggles{margin:0 0 1.5em}
.kcd-article-content .kcd-toggle{border:1px solid var(--line);border-radius:12px;margin:10px 0;background:#fff}
.kcd-article-content .kcd-toggle summary{padding:16px 20px;cursor:pointer;font-weight:600;line-height:1.5;color:var(--navy)}
.kcd-article-content .kcd-toggle summary::marker{color:#0086c1}
.kcd-article-content .kcd-toggle>:not(summary){margin-left:20px;margin-right:20px}
.kcd-article-content .kcd-toggle>:last-child{margin-bottom:16px}
.kcd-article-content .kcd-alert{border-left:4px solid var(--blue);background:#f4fbff;padding:14px 20px;margin:0 0 1.3em;border-radius:0 8px 8px 0}
.kcd-article-content .kcd-alert-notice{border-color:#e6a700;background:#fff8e5}
.kcd-article-content .kcd-alert-success{border-color:#2e9d5b;background:#eefaf2}
.kcd-article-content .kcd-alert-error{border-color:#c62828;background:#fdeeee}
.kcd-article-content .kcd-callout{border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:12px;padding:20px 24px;margin:0 0 1.5em}
.kcd-article-content .kcd-callout h3{margin-top:0!important}
.kcd-article-content .kcd-callout-intro{font-weight:600;color:var(--navy)}
.kcd-article-content .kcd-alert>:last-child,.kcd-article-content .kcd-callout>:last-child,.kcd-article-content .kcd-card>:last-child,.kcd-article-content .kcd-vlak>:last-child{margin-bottom:0}

/* Kaarten, personen, citaten, lijsten */
.kcd-article-content .kcd-cards{display:grid;gap:20px;margin:0 0 1.5em}
@media(min-width:700px){
  .kcd-article-content .kcd-cards-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kcd-article-content .kcd-cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .kcd-article-content .kcd-cards-4{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.kcd-article-content .kcd-card{border:1px solid var(--line);border-radius:14px;padding:22px}
.kcd-article-content .kcd-card h3{margin-top:0!important}
.kcd-article-content .kcd-person img{width:140px;height:140px;object-fit:cover;border-radius:50%;margin-bottom:12px}
.kcd-article-content .kcd-person h3{margin:.4em 0 .2em!important}
.kcd-article-content .kcd-person-functie{color:var(--muted);margin:0 0 .6em}
.kcd-article-content .kcd-quote cite{display:block;margin-top:.6em;font-style:normal;font-weight:600}
.kcd-article-content .kcd-checklist{list-style:none;padding-left:0}
.kcd-article-content .kcd-checklist li{position:relative;padding-left:28px;margin:.4em 0}
.kcd-article-content .kcd-checklist li:before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:700}

/* Tabellen (klasse table-1 blijft: sorteerscript en Erkenningsregister zoeken erop) */
.kcd-article-content .table-1{overflow-x:auto;margin:0 0 1.5em}
.kcd-article-content .table-1 th,.kcd-article-content .table-1 td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}

/* [kcaf_berichten] en [kcaf_publicaties] binnen een artikel: twee kolommen, kopjes zonder onderstreping */
.kcd-article-content .kcd-lijst.results{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}
@media(max-width:600px){.kcd-article-content .kcd-lijst.results{grid-template-columns:1fr}}
.kcd-article-content .kcd-lijst .result-card h4{font-size:19px!important;font-weight:700;line-height:1.35!important;margin:12px 0!important;color:var(--navy)}
.kcd-article-content .kcd-lijst .result-card h4 a{color:var(--navy);text-decoration:none}
.kcd-article-content .kcd-lijst-meer{margin:-15px 0 30px}