/* Kop van insight-artikelen: kruimelpad, titel, auteur, publicatiedatum,
   leestijd, herkomstlabel en de knoppen om samen te vatten met AI of
   Flii Media als voorkeursbron in Google te kiezen. */
.ak{padding-top:40px;padding-bottom:26px;}

.ak-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:0 10px;
  font-family:var(--ff-body);font-size:14px;line-height:1.4;color:#6B6866;}
.ak-crumb a{color:#6B6866;text-decoration:none;transition:color .15s;}
.ak-crumb a:hover{color:var(--ink,#0F0E0C);}
.ak-crumb-sep{color:#B5B1AA;}

.page-hero.ak h1{font-family:var(--ff-disp);font-size:clamp(28px,7.6vw,42px);
  font-weight:800;letter-spacing:-1px;line-height:1.1;margin-top:20px;}
.page-hero.ak .lead{margin-top:12px;}

.ak-auteur{display:flex;align-items:center;gap:14px;margin-top:24px;}
.ak-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:none;
  background:#F3F1EB;}
.ak-naam{font-family:var(--ff-body);font-size:16px;font-weight:700;line-height:1.3;
  color:var(--ink,#0F0E0C);}
.ak-rol{font-family:var(--ff-body);font-size:14px;line-height:1.4;color:#6B6866;
  letter-spacing:.01em;margin-top:2px;}

.ak-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:20px;}
.ak-item{display:inline-flex;align-items:center;gap:8px;font-family:var(--ff-body);
  font-size:14px;line-height:1.4;color:var(--mid,#4A4840);}
.ak-item svg{width:18px;height:18px;flex:none;color:var(--mid,#4A4840);}
.ak-chip{display:inline-flex;align-items:center;height:30px;padding:0 10px;
  font-family:var(--ff-mono);font-size:11px;font-weight:600;letter-spacing:.04em;
  color:var(--ink,#0F0E0C);background:#fff;border:1px solid #E2DFD9;border-radius:8px;
  white-space:nowrap;}

.ak-sam{margin-top:22px;display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 28px;}
.ak-sam-label{display:block;font-family:var(--ff-body);font-size:14px;
  color:var(--mid,#4A4840);margin-bottom:10px;}
.ak-knoppen{display:flex;flex-wrap:wrap;gap:10px;}
.ak-btn{display:inline-flex;align-items:center;justify-content:center;
  width:42px;height:42px;background:#fff;border:1px solid #E2DFD9;border-radius:10px;
  text-decoration:none;color:var(--ink,#0F0E0C);padding:0;cursor:pointer;
  transition:border-color .15s,box-shadow .15s;}
.ak-btn svg{width:20px;height:20px;display:block;}
.ak-btn:hover{border-color:#C9C5BE;box-shadow:0 2px 8px rgba(0,0,0,.06);}
.ak-google{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px;
  background:#F5F4F1;border:1px solid #E2DFD9;border-radius:10px;text-decoration:none;
  font-family:var(--ff-body);font-size:14px;font-weight:600;color:var(--ink,#0F0E0C);
  transition:border-color .15s,box-shadow .15s;cursor:pointer;}
.ak-google svg{width:20px;height:20px;display:block;}
.ak-google:hover{border-color:#C9C5BE;box-shadow:0 2px 8px rgba(0,0,0,.06);}
.ak-btn:focus-visible,.ak-google:focus-visible,.ak-crumb a:focus-visible{
  outline:2px solid var(--mag,#E8294A);outline-offset:2px;}

/* Kopieerknop: het vinkje neemt de plaats van het schakeltje in zodra
   de link op het klembord staat. */
.ak-ic-ok{display:none;}
.ak-btn.gekopieerd{border-color:#14794A;color:#14794A;}
.ak-btn.gekopieerd .ak-ic-link{display:none;}
.ak-btn.gekopieerd .ak-ic-ok{display:block;}
.ak-ic-link svg,.ak-ic-ok svg{width:20px;height:20px;display:block;}

/* Op smalle schermen passen beide groepen op één rij door de knoppen
   iets kleiner te maken; de voorkeursbronknop zakt eronder. */
@media (max-width:620px){
  .ak-sam{gap:14px 16px;}
  .ak-knoppen{flex-wrap:nowrap;gap:6px;}
  .ak-btn{width:36px;height:36px;}
  .ak-btn svg,.ak-ic-link svg,.ak-ic-ok svg{width:17px;height:17px;}
  .ak-google{height:36px;padding:0 12px;font-size:13px;}
  .ak-google svg{width:17px;height:17px;}
}