/*
De auteurspagina's.

Kaarten en lijst in dezelfde maten als de rest van v2: geen eigen schaal, want
dan valt deze pagina op als een losse bijlage in plaats van als onderdeel van
de site. Alleen de foto is nieuw, en die is rond zodat hij niet met de
bestemmingsfoto's verward wordt.
*/
.au-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px;margin-top:22px}
.au-card{display:flex;gap:18px;padding:20px;border:1px solid var(--line);border-radius:var(--r-l);background:var(--surface-1)}
.au-foto{flex-shrink:0;display:block;width:96px;height:96px;border-radius:50%;overflow:hidden;background:var(--surface-3);display:grid;place-items:center}
.au-foto img{width:100%;height:100%;object-fit:cover;display:block}
.au-leeg{font-size:34px;font-weight:800;color:var(--ink-4)}
.au-bd{min-width:0}
.au-bd h2{font-size:19px;margin:0 0 3px}
.au-bd h2 a{color:inherit}
.au-bd h2 a:hover{color:var(--brand)}
.au-rol{font-size:13.5px;font-weight:600;color:var(--brand);margin-bottom:9px}
.au-bd p{margin:0 0 12px;font-size:15.5px;line-height:1.55;color:var(--ink-2)}
.au-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;font-size:13.5px;color:var(--ink-4)}
.au-meta a{color:var(--brand);font-weight:600}

.au-hero{display:flex;gap:28px;align-items:flex-start;margin:26px 0 8px}
.au-foto.groot{width:150px;height:150px}
.au-hero h1{margin:0 0 5px}
.au-hero .lead{max-width:62ch}
.au-hero .au-meta{margin-top:16px}

.au-lijst{display:flex;flex-direction:column;gap:2px;margin-top:16px}
.au-item{padding:13px 0;border-bottom:1px solid var(--line)}
.au-item>a{font-size:16.5px;font-weight:600;line-height:1.4}
.au-item>a:hover{color:var(--brand)}
.au-item-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px;font-size:13px;color:var(--ink-4)}

/* Op een telefoon naast elkaar staan werkt niet: de foto duwt de tekst dan tot
   onder de twintig tekens per regel. Onder elkaar, met een kleinere foto. */
@media (max-width:620px){
  .au-card{flex-direction:column;gap:14px}
  .au-hero{flex-direction:column;gap:18px}
  .au-foto.groot{width:110px;height:110px}
}