/* Szöveges lapok — impresszum, adatkezelés.
   Minden szín és méret az arculat.css tokenjeiből. Új szín itt NEM születik.
   A lap sötét alapú, mint a fő lap törzse: a jogi lap nem külön világ. */

body{
  background:var(--tinta); color:var(--sotet-szoveg);
  font-family:var(--betu-szoveg); font-size:var(--m-szoveg);
  line-height:var(--sor-szoveg); margin:0;
}

.szl-fejlec{
  position:sticky; top:0; z-index:10;
  display:flex; align-items:center; justify-content:space-between; gap:var(--t5);
  height:84px; padding:0 var(--t5);
  background:color-mix(in srgb, var(--tinta) 88%, transparent);
  backdrop-filter:blur(12px);
  border-bottom:1px solid color-mix(in srgb, var(--keret-ero) 40%, transparent);
}
.szl-fejlec .jel{display:block; color:var(--sotet-szoveg); width:34px}
.szl-fejlec .jel svg{display:block; width:100%; height:auto}
.szl-vissza{
  font-family:var(--betu-mono); font-size:11px; letter-spacing:var(--koz-cimke);
  text-transform:uppercase; color:var(--sotet-masod); text-decoration:none;
  transition:color var(--moz-felulet) var(--gorbe);
}
.szl-vissza:hover{color:var(--sotet-szoveg)}

.szl-sav{max-width:78ch; margin:0 auto; padding:var(--szakasz) var(--t5)}

.szl-cimke{
  font-family:var(--betu-mono); font-size:var(--m-cimke);
  letter-spacing:var(--koz-cimke); text-transform:uppercase;
  color:var(--sotet-akcent); margin:0 0 var(--t4);
}
.szl-sav h1{
  font-family:var(--betu-cim); font-weight:300; font-size:var(--m-h1);
  line-height:var(--sor-cim); margin:0 0 var(--t5); text-wrap:balance;
}
.szl-bevezeto{color:var(--sotet-masod); font-size:var(--m-nagy); margin:0 0 var(--t8)}

.szl-sav h2{
  font-family:var(--betu-cim); font-weight:300; font-size:var(--m-h3);
  line-height:var(--sor-cim); margin:var(--t8) 0 var(--t4);
  padding-top:var(--t5);
  border-top:1px solid color-mix(in srgb, var(--keret-ero) 34%, transparent);
}
.szl-sav h3{
  font-family:var(--betu-szoveg); font-weight:600; font-size:var(--m-szoveg);
  margin:var(--t6) 0 var(--t2);
}
.szl-sav p{margin:0 0 var(--t4); text-wrap:pretty}
.szl-sav ul{margin:0 0 var(--t4); padding-left:1.1em}
.szl-sav li{margin:0 0 var(--t2)}
.szl-sav strong{color:var(--sotet-szoveg); font-weight:600}

.szl-sav a{
  color:var(--sotet-szoveg); text-decoration:none;
  border-bottom:1px solid var(--sotet-akcent); padding-bottom:1px;
  transition:border-color var(--moz-felulet) var(--gorbe);
}
.szl-sav a:hover{border-color:var(--sotet-szoveg)}
:focus-visible{outline:2px solid var(--sotet-akcent); outline-offset:3px}

/* Adattáblák: két hasáb, mobilon egymás alá. Nem <table>, mert
   a sorok címke–érték párok, nem összehasonlítható adatsorok. */
.szl-adat{
  display:grid; grid-template-columns:1fr; gap:var(--t1) var(--t5);
  margin:0 0 var(--t6); padding:0;
}
.szl-adat div{
  display:grid; grid-template-columns:1fr; gap:var(--t1);
  padding:var(--t3) 0;
  border-bottom:1px solid color-mix(in srgb, var(--keret-ero) 22%, transparent);
}
.szl-adat dt, .szl-adat .cimke{
  font-family:var(--betu-mono); font-size:11px; letter-spacing:var(--koz-cimke);
  text-transform:uppercase; color:var(--sotet-halvany);
}
.szl-adat dd, .szl-adat .ertek{margin:0; color:var(--sotet-szoveg)}
@media (min-width:640px){
  .szl-adat div{grid-template-columns:15em 1fr; align-items:baseline; gap:var(--t5)}
}

.szl-lablec{
  border-top:1px solid color-mix(in srgb, var(--keret-ero) 40%, transparent);
  padding:var(--t7) var(--t5);
  font-size:var(--m-kicsi); color:var(--sotet-halvany);
  display:flex; flex-wrap:wrap; gap:var(--t3) var(--t5); justify-content:center;
}
.szl-lablec a{color:var(--sotet-masod); text-decoration:none;
  border-bottom:1px solid transparent; transition:border-color var(--moz-felulet) var(--gorbe)}
.szl-lablec a:hover{border-bottom-color:var(--sotet-akcent)}

.szl-frissitve{
  font-family:var(--betu-mono); font-size:11px; letter-spacing:var(--koz-cimke);
  text-transform:uppercase; color:var(--sotet-halvany);
  margin:var(--t8) 0 0; padding-top:var(--t5);
  border-top:1px solid color-mix(in srgb, var(--keret-ero) 34%, transparent);
}