/* ==========================================================================
   Jogi oldalak (ÁSZF · Adatkezelési tájékoztató) – közös megjelenés
   --------------------------------------------------------------------------
   A design tokenek és az alapkomponensek a css/base.css-ben élnek; ez a fájl
   csak a hosszú, olvasásra szánt dokumentum-tipográfiát adja hozzá.
   Ugyanez a fájl fut a Masszíroz-Lak és a Gordiusz foglalójában is, hogy a
   két szalon jogi oldalai egységesek maradjanak.

   TÉRKÖZÖK: minden érték a base.css --sp-* skálájából (4px-es rács) jön.
   A dokumentum ritmusa négy szinten áll:
     szakaszok között ............ --sp-8  (32px)
     szakaszon belüli alcím fölé .. --sp-6  (24px)
     bekezdések / kártyák között .. --sp-3 / --sp-4 (12 / 16px)
     felsorolás-elemek között ..... --sp-2  (8px)
   ========================================================================== */

body{background:
  radial-gradient(1100px 460px at 82% -6%,#fdeee6 0%,rgba(253,238,230,0) 58%),var(--cream);
  min-height:100vh;}
.wrap{max-width:840px;margin:0 auto;padding:var(--sp-6) var(--sp-6) var(--sp-16);}

/* ---------- fejléc sáv: logó + vissza-link ---------- */
.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);
  padding:var(--sp-2) 0 var(--sp-6);flex-wrap:wrap;}
.brand{display:flex;align-items:center;}
.brand img{height:64px;width:auto;}
.backlink{display:inline-flex;align-items:center;gap:var(--sp-2);color:var(--terra-deep);font-weight:700;
  text-decoration:none;padding:var(--sp-2) var(--sp-4);border:1px solid var(--line2);border-radius:var(--r-ctl);
  background:var(--card);box-shadow:var(--sh-sm);transition:.15s;}
.backlink:hover{background:var(--surface);border-color:var(--clay);transform:translateY(-1px);}
.backlink svg{width:15px;height:15px;}

/* ---------- dokumentum-lap ---------- */
.doc{background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:var(--sh-lg);overflow:hidden;}
.dochead{padding:var(--sp-10) var(--sp-12) var(--sp-8);background:linear-gradient(180deg,#f7ede4,#fffdfb);
  border-bottom:1px solid var(--line);}
.dochead h1{font-size:2rem;line-height:1.15;color:var(--ink);margin-top:var(--sp-2);}
.dochead .sub{color:var(--ink-soft);margin-top:var(--sp-3);max-width:66ch;}
.meta{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-5);}
.chip{display:inline-flex;align-items:center;gap:var(--sp-2);background:var(--blush);color:var(--terra-deep);
  border:1px solid var(--coral);border-radius:999px;padding:var(--sp-1) var(--sp-3);font-size:.8125rem;font-weight:700;}
.chip svg{width:14px;height:14px;}

/* ---------- tartalomjegyzék ----------
   Hosszú jogi szöveg: a szakaszokra ugró lista a lap tetején tartja a
   navigációt, a dokumentum-lapon belül, halkabb háttéren. */
.toc{padding:var(--sp-6) var(--sp-12);background:var(--surface);border-bottom:1px solid var(--line);}
.toc .toctitle{display:block;font-size:.8125rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);margin-bottom:var(--sp-2);}
.toc ol{margin:0;padding:0;list-style:none;counter-reset:toc;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--sp-1) var(--sp-6);}
.toc li{counter-increment:toc;}
.toc a{display:flex;gap:var(--sp-2);align-items:baseline;color:var(--ink-soft);text-decoration:none;
  padding:var(--sp-1) 0;border-radius:6px;transition:color .14s;}
.toc a::before{content:counter(toc) ".";font-family:var(--serif);font-weight:700;
  color:var(--terra-deep);flex:none;font-variant-numeric:tabular-nums;}
.toc a:hover{color:var(--terra-deep);text-decoration:underline;text-underline-offset:3px;}

/* A törzs FELÜL nem ad térközt: a szakaszok egységes padding-top-ja adja az
   első szakasz távolságát is, így a tartalomjegyzék alatti rés pontosan annyi,
   mint a szakaszok között (korábban 42 vs 46px volt). */
.docbody{padding:0 var(--sp-12) var(--sp-10);}

/* ---------- szakaszok ---------- */
section.sec{padding-top:var(--sp-8);scroll-margin-top:var(--sp-5);}
/* A szakasz utolsó elemének alsó margója ne lógjon ki a szakaszból: így a
   szakaszok közti rés MINDIG --sp-8, függetlenül attól, hogy bekezdés,
   felsorolás vagy adatkártya zárja (korábban 46 vagy 48px volt).
   A második szelektor a felsorolással záruló szakaszokra kell: a lista utolsó
   <li>-jének margója a keret nélküli <ul>-ból is kiszökne. */
section.sec > :last-child,
section.sec > :last-child > :last-child{margin-bottom:0;}
section.sec h2{display:flex;align-items:baseline;gap:var(--sp-3);font-size:1.35rem;color:var(--ink);}
section.sec h2 .no{font-family:var(--serif);color:var(--terra-deep);font-weight:700;flex:none;}
section.sec h3{font-size:1.08rem;color:var(--ink);margin-top:var(--sp-6);}
/* A szakaszcímsor után MINDIG ugyanannyi rés jön, akármi is következik –
   bekezdés, alcím, felsorolás vagy adatkártya. Így minden szakasz tartalma
   ugyanabban a magasságban indul (korábban 12 / 16 / 24px volt). */
section.sec h2 + *{margin-top:var(--sp-3);}
section.sec h4{font-family:var(--serif);font-weight:600;font-size:.98rem;color:var(--terra-deep);margin-top:var(--sp-4);}
.sec p{margin:var(--sp-3) 0;color:var(--ink-soft);}
.sec p .n,.sec h3 .n{font-weight:700;color:var(--terra-deep);margin-right:2px;}
.sec h3 .n{font-family:var(--sans);font-size:.95rem;}
.sec ul{margin:var(--sp-3) 0;padding-left:var(--sp-6);color:var(--ink-soft);}
.sec li{margin:var(--sp-2) 0;}
.sec strong{color:var(--ink);}
.sec a{color:var(--terra-deep);word-break:break-word;}

/* ---------- adat-kártya (cégadatok, hatósági elérhetőségek) ---------- */
.datacard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);
  padding:var(--sp-4) var(--sp-5);margin:var(--sp-4) 0;}
.datacard .dl{display:flex;flex-direction:column;gap:var(--sp-1);color:var(--ink-soft);}
.datacard .dl b{color:var(--ink);font-weight:700;}

/* ---------- mini adatkezelés-blokk (Kezelt adatok / Időtartam / Jogalap) ---------- */
.kv{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);
  padding:var(--sp-4);margin:var(--sp-4) 0;display:flex;flex-direction:column;gap:var(--sp-2);}
.kv .row .kk{font-weight:700;color:var(--terra-deep);display:block;font-size:.85rem;
  letter-spacing:.02em;margin-bottom:var(--sp-05);}
.kv .row .vv{color:var(--ink-soft);}

/* ---------- lábléc ---------- */
.docfoot{margin-top:var(--sp-8);padding-top:var(--sp-6);border-top:1px solid var(--line);
  text-align:center;color:var(--muted);font-size:.875rem;line-height:1.7;}
.docfoot a{color:var(--terra-deep);font-weight:700;text-decoration:none;}
.docfoot a:hover{text-decoration:underline;}

@media (max-width:640px){
  .wrap{padding:var(--sp-4) var(--sp-4) var(--sp-12);}
  .dochead{padding:var(--sp-6) var(--sp-5) var(--sp-6);}
  .dochead h1{font-size:1.6rem;}
  .toc{padding:var(--sp-5) var(--sp-5);}
  .toc ol{grid-template-columns:1fr;}
  .docbody{padding:0 var(--sp-5) var(--sp-8);}
}