/* Openbaar profiel van een lid. Zie inc/tb-auteur.php. */

.tb-auteur{
  max-width:var(--tb-max);margin:0 auto;
  padding:40px var(--tb-page-pad) 72px;
}

.tb-auteur-kop{display:flex;gap:20px;align-items:center;margin:0 0 40px;}
.tb-auteur-foto{
  width:96px;height:96px;border-radius:50%;object-fit:cover;
  background:var(--tb-ground-alt);flex:0 0 96px;
}
.tb-auteur-kop h1{margin:0 0 6px;}
.tb-auteur-regel{margin:0;color:var(--tb-muted);}
.tb-auteur-eigen{margin:8px 0 0;font-size:14px;color:var(--tb-muted);}
.tb-auteur-eigen a{color:var(--tb-action);}

.tb-auteur-sectie{margin:0 0 40px;}
.tb-auteur-sectie h2{margin:0 0 16px;}

.tb-auteur-lijst{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;
}
.tb-auteur-lijst a{
  display:flex;align-items:center;gap:14px;min-height:44px;
  padding:12px;background:var(--tb-surface);
  border:1px solid var(--tb-border);border-radius:var(--tb-r-card);
  color:var(--tb-ink);text-decoration:none;
}
.tb-auteur-lijst a:hover{border-color:var(--tb-accent-line);}
.tb-auteur-lijst img{
  width:72px;height:72px;object-fit:cover;border-radius:var(--tb-r-img);
  background:var(--tb-ground-alt);flex:0 0 72px;
}

@media (max-width:640px){
  .tb-auteur-kop{flex-direction:column;align-items:flex-start;}
}