/* Inner Circle Huniverse — atoms/typography.css */
h1,h2,h3,h4{margin:0;font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--text)}
h1{font-size:clamp(2.2rem,5vw + 1rem,3.6rem)}
/* h2 lekicsinyítve a korábbi h3-méretre (1.5rem) -- a felhasználó kérése: minden oldal (a főoldal
   FŐCÍME kivételével, de a főoldal alcímei/szekció-fejei NEM kivételek) főcímei és alcímei
   kisebbek legyenek, egy fokozattal lejjebb az örökölt méretskálán. */
h2{font-size:1.5rem}
h3{font-size:1.5rem}
h4{font-size:1.15rem}
p{margin:0 0 var(--sp-md);color:var(--muted)}
small{font-size:var(--fs-xs);color:var(--muted)}

.eyebrow{display:inline-block;font-size:var(--fs-sm);font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--primary-2);margin-bottom:var(--sp-sm)}
.gradient-text{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:var(--fs-lg);color:var(--text)}
.section-title{font-size:1.5rem;text-align:center;margin-bottom:var(--sp-sm)}
/* Keskeny, szöveg-jellegű aloldalak (jogi/GYIK) címe -- a normál h1 hero-méretezése (max 3.6rem)
   egy hosszú cím (pl. "Általános Szerződési Feltételek") esetén nem fér ki egy sorban egy 760px
   széles keskeny tartalmi dobozban, ezért itt kisebb, olvashatóbb méretet használunk. */
.page-title{font-size:clamp(1.8rem,3vw + 1rem,2.6rem)}
.section-subtitle{text-align:center;margin:0 auto var(--sp-xl);color:var(--muted)}
.text-muted{color:var(--muted)}
.text-center{text-align:center}

/* Breadcrumb — a BMSoft1024_Kviz mintája szerint, jogi és aloldalakon. */
.crumb{color:var(--muted);font-size:var(--fs-sm);margin-bottom:var(--sp-xs)}
.crumb a{color:var(--muted)}
.crumb a:hover{color:var(--text);text-decoration:underline}

/* Oldalcím jogi/aloldalakon — a kvíz .h-page mintája, kisebb méret a hosszú címekhez. */
.h-page{font-size:clamp(1.6rem,3vw + .8rem,2.2rem);margin-bottom:var(--sp-sm)}