/* FormatX | Sci‑Fi UI | Inner text indentation + centered hero (responsive)
   Biztonságos oldalsó belső margó (padding) a fő tartalomhoz és panel szekciókhoz.
   A hero blokk középre igazítása. */

:root {
  --fx-indent: clamp(16px, 3.5vw, 64px);
}

/* Fő tartalom héj és panelek: reszponzív belső oldalsó padding */
.shell { padding-inline: var(--fx-indent); }
.panel { padding-inline: var(--fx-indent); }

/* Hero középre (cím, alcím, CTA) */
.hero { text-align: center; }
.hero .cta-row { justify-content: center; }

/* Opcionális: extra beljebb húzás célzott blokkokon */
.indent-lg { padding-inline: calc(var(--fx-indent) * 1.5); }