/* Publikus előadó-oldal (SZAB-42, spec §4.4; ADR-010: tokenekre épülő,
   build-lépés nélküli CSS). Forrás: a design-prototípus
   (docs/design/szabadegyetem-prototipus-3.html) Előadók képernyője,
   Campus-variáns. Mobile-first: alap az egyhasábos elrendezés, a szélesebb
   kijelzőn a kép/monogram a szöveg melletti oszlopba kerül.

   TUDATOS KIHAGYÁSOK a prototípusból (NEM pótolandók itt):
   - .eloado-titulus: nincs hozzá adatmező;
   - .csak-eloado CSS-alapú elrejtés: a saját-panel SZERVER-OLDALI
     {% if %}-fel jelenik meg (ADR-006 – a CSS-elrejtés nem védelem);
   - blokk-szintű .eloado-vezerlok: az eltávolítás a profil-szerkesztőn él. */

/* ===== SAJÁT-PANEL (csak a belépett előadónak – szerver-oldali feltétel) ===== */
.sajat-panel {
  background: var(--szin-kiemeles-halk);
  border: 1px solid var(--szin-kiemeles);
  border-radius: var(--kartya-sugar);
  padding: var(--ter-5);
  margin-bottom: var(--ter-6);
}
.sajat-panel h2 {
  font-size: 1.15rem;
  margin-bottom: var(--ter-2);
}
.sajat-panel p {
  margin: 0 0 var(--ter-4);
  font-size: .92rem;
}
.sajat-panel .sajat-panel-sugo {
  margin: var(--ter-3) 0 0;
  font-size: .85rem;
  color: var(--szin-tinta-halk);
}

/* ===== BEVEZETŐ BEKEZDÉS ===== */
.eloadok-bevezeto {
  color: var(--szin-tinta-halk);
  max-width: 40rem;
  margin: 0 0 var(--ter-6);
}

/* ===== ELŐADÓ-BLOKK (kép/monogram + tartalom rács) ===== */
.eloado-blokk {
  margin-bottom: var(--ter-5);
  display: grid;
  gap: var(--ter-5);
  /* A horgonyra ugráskor a blokk ne csússzon a fejléc alá. */
  scroll-margin-top: 5rem;
}
@media (min-width: 44rem) {
  .eloado-blokk {
    grid-template-columns: 11rem 1fr;
    align-items: start;
  }
}

/* A horgonyzott (…#eloado-<pk>) blokk halk kiemelése – a linkről érkező
   látogató lássa, melyik előadóhoz ugrott (terv :target). */
.eloado-blokk:target {
  border-color: var(--szin-kiemeles);
  box-shadow: 0 0 0 3px var(--szin-kiemeles-halk);
}

/* Fókusz a tabindex="-1" miatt programozottan is kaphat – ne kapjon dupla
   gyűrűt a :target mellé; a billentyűzetes fókusz-gyűrű megmarad. */
.eloado-blokk:focus {
  outline: none;
}
.eloado-blokk:focus-visible {
  outline: var(--fokusz);
  outline-offset: 4px;
}

.eloado-nev {
  font-size: 1.5rem;
  margin: 0 0 var(--ter-1);
}

/* Kép ÉS kép nélküli monogram-placeholder közös doboza. */
.eloado-kep {
  aspect-ratio: 1;
  width: 100%;
  border-radius: var(--kartya-sugar);
  background: var(--szin-kiemeles-halk);
  display: grid;
  place-items: center;
  font-family: var(--betu-cim);
  font-size: 2.6rem;
  font-weight: 600;
  color: var(--szin-kiemeles);
}
img.eloado-kep {
  object-fit: cover;
  border: var(--vonal);
}

.eloado-szoveg {
  line-height: 1.75;
  margin: 0 0 var(--ter-4);
  max-width: 65ch; /* olvasható sorhossz */
}

/* ===== KÖZELGŐ ELŐADÁSAI ===== */
.eloado-eloadasai {
  border-top: var(--vonal);
  padding-top: var(--ter-4);
}
.eloado-eloadasai h3 {
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--szin-tinta-halk);
  margin-bottom: var(--ter-2);
}
.eloado-eloadasai ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: var(--ter-2);
}
/* Érintési célméret (a11y §11.5): a link kattintható területe elég nagy. */
.eloado-eloadasai a {
  display: inline-flex;
  align-items: center;
  min-height: var(--meret-erintes-kicsi);
  color: var(--szin-kiemeles);
  text-decoration: none;
  font-weight: 600;
}
.eloado-eloadasai a:hover,
.eloado-eloadasai a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.eloado-eloadasai small {
  color: var(--szin-tinta-halk);
  font-weight: 400;
  display: block;
}