/* =============================================================================
   Iktató — PUBLIKUS LAPOK: oldalkeret, szekcióritmus, szekciófej, egy-kártyás lapok.
   Átvéve a far360 public.css-éből (köszönő-lapok és TOTP nélkül).

   A hero-szekció a hero.css-ben, a dekoratív formák a shapes.css-ben, a nyitólap további
   szekciói (bento, bizalom, záró felhívás, kapcsolat) saját fájlban vannak.
   ============================================================================= */

/* Oldalkeret: a teljes szélességű szekciók tartalma ebbe ül. */
.f-keret {
  max-width: var(--page);
  margin: 0 auto;
  padding-inline: var(--gutter);
}

/* Szekcióritmus: a teljes szélességű, színes szekció felül lekerekített, és az előzőre
   40 px-re ráfedhet (far360 modules.css mintájára). A lekerekítés mögül az előző szekció
   alja látszik, ezért annak alsó belső margója legalább a sugárnyi. */
.f-szekcio {
  position: relative;
  padding-block: var(--block);
}
.f-szekcio--fedo {
  z-index: 1;
  margin-top: calc(var(--r-section) * -1);
  padding-top: calc(var(--block) + var(--r-section) * 0.4);
  border-radius: var(--r-section) var(--r-section) 0 0;
}

/* Szekciófej: DM Mono címke + cím + (opcionális) vezető bekezdés. */
.f-szekcio__fejlec {
  display: grid;
  gap: 0.9rem;
  margin-bottom: clamp(1.75rem, 4vw, 3.25rem);
}
.f-szekcio__fejlec h2 {
  max-width: 16ch;
  margin: 0;
  font-size: var(--t-h2);
  line-height: 1.02;
  letter-spacing: -0.043em;
  text-wrap: balance;
}
.f-szekcio__fejlec p { max-width: 46ch; margin: 0; font-size: var(--t-lead); line-height: 1.45; }

/* Bevezető, hosszabb folyószöveg-blokk (jogi bevezető). */
.f-bevezeto p {
  max-width: 68ch;
  margin-bottom: 0.9rem;
  line-height: 1.7;
  color: var(--f-grey);
}
.f-bevezeto p:last-child { margin-bottom: 0; }
.f-bevezeto strong { color: var(--f-ink); }

/* Egy-kártyás lapok: belépés, jelszó-helyreállítás, hozzáférés-hiba. Három szélesség. */
.f-auth-kartya {
  max-width: 440px;
  margin: 2rem auto;
}
.f-auth-kartya--kozepes { max-width: 480px; }
.f-auth-kartya--szeles { max-width: 520px; }
.f-auth-kartya--kozep { max-width: 480px; text-align: center; }
/* A középre zárt kártyán belül a hosszabb szöveg és az űrlap balra zárt marad. */
.f-auth-kartya--kozep .f-szoveg-balra,
.f-auth-kartya--kozep form,
.f-auth-kartya--kozep .f-form-group { text-align: left; }
.f-szoveg-balra { text-align: left; }

.f-auth-link {
  margin-top: 1rem;
  text-align: center;
}

@media (max-width: 640px) {
  .f-szekcio--fedo { border-radius: var(--r-card) var(--r-card) 0 0; margin-top: calc(var(--r-card) * -1); }
}