/* Auteur en deelblok (assets/deel.js). */
.dl-auteur{display:flex;align-items:center;gap:14px;margin-top:24px;}
.dl-foto{display:inline-flex;flex:none;border-radius:50%;}
.dl-foto img{width:52px;height:52px;border-radius:50%;object-fit:cover;display:block;background:#F3F1EB;}
.dl-naam{font-family:var(--ff-body);font-size:16px;font-weight:700;line-height:1.3;color:var(--ink,#0F0E0C);}
.dl-rol{font-family:var(--ff-body);font-size:14px;line-height:1.4;color:#6B6866;letter-spacing:.01em;margin-top:2px;}
.dl{margin-top:22px;display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 28px;}
.dl:empty{display:none;}
.dl-label{display:block;font-family:var(--ff-body);font-size:14px;color:var(--mid,#4A4840);margin-bottom:10px;}
.dl-knoppen{display:flex;flex-wrap:wrap;gap:10px;}
.dl-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;-webkit-tap-highlight-color:transparent;}
.dl-btn svg{width:20px;height:20px;display:block;}
.dl-btn:hover{border-color:#C9C5BE;box-shadow:0 2px 8px rgba(0,0,0,.06);}
.dl-google{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 8px;
  width:calc(3 * 42px + 2 * 10px);box-sizing:border-box;white-space:nowrap;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;}
.dl-google svg{width:20px;height:20px;display:block;}
.dl-google:hover{border-color:#C9C5BE;box-shadow:0 2px 8px rgba(0,0,0,.06);}
.dl-btn:focus-visible,.dl-google:focus-visible,.dl-foto:focus-visible{outline:2px solid var(--mag,#E8294A);outline-offset:2px;}
.dl-ic-ok{display:none;}
.dl-btn.gekopieerd{border-color:#14794A;color:#14794A;}
.dl-btn.gekopieerd .dl-ic-link{display:none;}
.dl-btn.gekopieerd .dl-ic-ok{display:block;}
.dl-ic-link svg,.dl-ic-ok svg{width:20px;height:20px;display:block;}
@media (max-width:620px){
  .dl{gap:14px 16px;}
  .dl-knoppen{flex-wrap:nowrap;gap:6px;}
  .dl-btn{width:36px;height:36px;}
  .dl-btn svg,.dl-ic-link svg,.dl-ic-ok svg{width:17px;height:17px;}
  .dl-google{height:36px;padding:0 6px;font-size:13px;gap:7px;width:calc(3 * 36px + 2 * 6px);}
  .dl-google svg{width:17px;height:17px;}
}
