/*
 * Profilkopf der Autorenseite /autor/<slug>/ (golfstunde-page 0.17.1,
 * includes/autor.php). Konzept golfstunde-magazin-autorenseite-wireframes-
 * 2026-09-25.txt (Fassung 3), Klickdummy magazin-autorenseite-klickdummy.html
 * -- dieses CSS ist das des freigegebenen Klickdummys. Farben und H1/Knopf aus
 * dem Abschnitt .gs-ue von golfstunde.css. Nur auf is_author() geladen.
 *
 * Das Porträt kommt aus get_avatar() und traegt zusaetzlich "avatar photo";
 * deshalb .gs-ue davor, damit fremde .avatar-Regeln es nicht umformen.
 */
.gs-ue__autor{display:grid;grid-template-columns:120px minmax(0,1fr);grid-template-areas:"bild name" "bild mehr";column-gap:28px;align-items:start;margin:0 0 28px;}
/* border/background/float: eine fremde .avatar-Regel (150 px, 1 px Rahmen #20374f, float) steht live
   HINTER den Plugin-Stylesheets -- ohne Ruecksetzen haette das Porträt einen dunklen Rahmen (0.17.3). */
.gs-ue .gs-ue__autor-bild{grid-area:bild;width:120px;height:120px;border:0;border-radius:50%;background:none;float:none;object-fit:cover;display:block;}
.gs-ue__autor-name{grid-area:name;min-width:0;}
.gs-ue__autor-mehr{grid-area:mehr;min-width:0;max-width:720px;}
.gs-ue__autor-kl{margin:4px 0 6px;font-size:15px;font-weight:600;line-height:1.2;letter-spacing:.07em;text-transform:uppercase;color:var(--ue-accent);}
.gs-ue__autor .gs-ue__h1{margin:0;overflow-wrap:anywhere;}
.gs-ue__autor-kurz{margin:6px 0 0;font-size:18px;font-weight:500;line-height:1.35;color:var(--ue-text2);}
.gs-ue__autor-vita{margin:12px 0 0;max-width:62ch;}
.gs-ue__autor-zahlen{margin:10px 0 0;font-size:15px;line-height:1.5;color:var(--ue-text2);}
.gs-ue__autor-zahlen span{white-space:nowrap;}
/* Trenner am Zeilenende statt am Anfang; Umbruch nur zwischen den Teilen */
.gs-ue__autor-zahlen span:not(:last-child)::after{content:"\00a0·";}
.gs-ue__autor-knopf{margin:16px 0 0;}
.gs-ue__autor-links{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;}
.gs-ue__autor-links li{margin:0;padding:0;}
/* Symbol-Knoepfe (Projektinhaber 25.09.2026: "fuer Social Media Links Icons verwenden"): 44 x 44, einfarbig
   im Hausblau auf hellem Grund; Name als Tooltip (title) und fuer Screenreader (aria-label). */
.gs-ue .gs-ue__autor-link{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--ue-soft);color:var(--ue-dark);transition:background-color .15s,color .15s;}
.gs-ue .gs-ue__autor-link:hover,.gs-ue .gs-ue__autor-link:focus-visible{background:var(--ue-dark);color:#fff;}
.gs-ue .gs-ue__autor-link:focus-visible{outline:2px solid var(--ue-link);outline-offset:2px;}
/* Podcast-Reihe in der Zahlenzeile als Textlink (0.18.1): im Text unterstrichen wie
   die Links der Einleitung, Farbe Petrol; Hover nur dunkler */
.gs-ue .gs-ue__autor-zahlen a{color:var(--ue-link);text-decoration:underline;text-underline-offset:2px;}
.gs-ue .gs-ue__autor-zahlen a:hover,.gs-ue .gs-ue__autor-zahlen a:focus-visible{color:var(--ue-dark);}
.gs-ue__autor-ico{width:20px;height:20px;fill:currentColor;display:block;}
.gs-ue__autor-ico--strich{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
/* Seite 2 und folgende: nur Porträt klein, Kennzeile und Name (W-AU3) */
.gs-ue__autor--klein{grid-template-columns:48px minmax(0,1fr);grid-template-areas:"bild name";column-gap:16px;align-items:center;margin-bottom:20px;}
.gs-ue .gs-ue__autor--klein .gs-ue__autor-bild{width:48px;height:48px;}
.gs-ue__autor--klein .gs-ue__autor-kl{margin-top:0;}
.gs-ue__autor+.gs-ue__zwischentitel{margin-top:0;}
@media (max-width:640px){
  .gs-ue__autor{grid-template-columns:72px minmax(0,1fr);grid-template-areas:"bild name" "mehr mehr";column-gap:16px;align-items:center;margin-bottom:22px;}
  .gs-ue .gs-ue__autor-bild{width:72px;height:72px;}
  .gs-ue .gs-ue__autor--klein .gs-ue__autor-bild{width:48px;height:48px;}
  .gs-ue__autor-kl{margin:0 0 4px;font-size:14px;}
  .gs-ue__autor-kurz{font-size:16px;margin-top:4px;}
  .gs-ue__autor-vita{margin-top:14px;}
  .gs-ue__autor-knopf .gs-ue__knopf{width:100%;}
  .gs-ue__autor-links{margin-top:12px;}
  .gs-ue__autor--klein{grid-template-columns:48px minmax(0,1fr);}
}