/* jogi.css — jogi oldalak (S2): Impresszum, ÁSZF, Adatkezelési, 14. cikkes tájékoztató, Leiratkozás, Sütitájékoztató.
   Nyugodt olvasó-felület: ködfehér alap, finom rács, műszer-címkék, mozgás gyakorlatilag nincs (MOTION 2.3). */

.lg{padding-top:calc(var(--header-h) + clamp(40px,6vw,104px));padding-bottom:clamp(72px,9vw,140px)}
.lg-head{max-width:980px;padding-bottom:clamp(28px,4vw,56px);border-bottom:1px solid var(--line);margin-bottom:clamp(32px,4.4vw,64px)}
.lg-kicker{margin-top:clamp(28px,4vw,48px);color:var(--c-cobalt)}
.lg-h1{margin-top:14px;font-size:clamp(1.6rem,.95rem + 4.1vw,4.4rem);line-height:1.02;letter-spacing:-.042em;font-weight:760;max-width:22ch;
  text-wrap:balance;hyphens:manual;overflow-wrap:normal;word-break:normal;font-variation-settings:"wght" 760}
.lg-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(18px,2.4vw,28px);padding:0;list-style:none}
.lg-meta li{font-family:var(--f-mono);font-size:var(--fs-mono);font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--fg-2);
  border:1px solid var(--card-line);background:var(--card);border-radius:3px;padding:7px 10px;line-height:1.2}
.lg-meta .ph{text-transform:none}

/* elrendezés: tartalomjegyzék + szöveg */
.lg-grid{display:grid;gap:clamp(28px,4vw,64px)}
@media (min-width:1024px){
  .lg--toc .lg-grid{grid-template-columns:minmax(220px,280px) minmax(0,1fr)}
  .lg-toc{position:sticky;top:calc(var(--header-h-small) + 28px);align-self:start;max-height:calc(100vh - var(--header-h-small) - 56px);overflow:auto}
}
.lg-toc__d{border-top:1px solid var(--card-line)}
.lg-toc summary{display:flex;justify-content:space-between;gap:12px;padding:14px 0;cursor:pointer;list-style:none;
  font-size:var(--fs-mono);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-2)}
.lg-toc summary::-webkit-details-marker{display:none}
.lg-toc ol{list-style:none;margin:0;padding:0 0 8px;display:grid}
.lg-toc a{display:grid;grid-template-columns:2.4em 1fr;gap:4px;padding:8px 0;font-size:.92rem;line-height:1.35;color:var(--fg-2);text-decoration:none;
  border-top:1px solid color-mix(in srgb,var(--card-line) 60%,transparent);transition:color var(--t-hover) var(--ease-jel)}
.lg-toc a .mono{font-size:var(--fs-mono);padding-top:.15em;color:var(--c-text-2-light)}
@media (hover:hover){.lg-toc a:hover{color:var(--c-cobalt)}}
.lg-toc a.is-here{color:var(--fg)}
.lg-toc a.is-here .mono{color:var(--c-cobalt)}
@media (max-width:1023px){.lg-toc{border:1px solid var(--card-line);background:var(--card);border-radius:var(--radius-lg);padding:0 18px}.lg-toc__d{border-top:0}}

/* szöveg */
.lg-doc{max-width:none;min-width:0;color:var(--c-ink);font-size:clamp(1rem,.97rem + .15vw,1.0625rem);line-height:1.66}
.lg-doc > *+*{margin-top:1.05em}
.lg-doc > :not(.tbl-wrap){max-width:70ch}
.lg-doc > .tbl-wrap{max-width:1000px}
.lg-doc p,.lg-doc li{text-wrap:pretty;overflow-wrap:break-word}
.lg-doc h2{position:relative;margin-top:2.6em;padding-top:1.1em;border-top:1px solid var(--line);font-size:clamp(1.28rem,1.08rem + .8vw,1.75rem);
  line-height:1.2;letter-spacing:-.022em;font-weight:720;text-wrap:balance;hyphens:manual;scroll-margin-top:calc(var(--header-h-small) + 24px)}
.lg-doc h2::before{content:"";position:absolute;left:0;top:-1px;width:40px;height:2px;background:var(--c-cobalt)}
.lg-doc > h2:first-child{margin-top:0}
.lg-doc strong{font-weight:720;color:var(--c-ink)}
.lg-doc a{color:var(--c-cobalt);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
@media (hover:hover){.lg-doc a:hover{text-decoration-thickness:2px}}
.lg-doc code{font-family:var(--f-mono);font-size:.86em;background:var(--c-fog-2);border-radius:3px;padding:.08em .35em;overflow-wrap:anywhere}
.lg-list{list-style:none;padding:0;display:grid;gap:.6em}
.lg-list li{position:relative;padding-left:1.4em}
.lg-list li::before{content:"";position:absolute;left:.1em;top:.68em;width:6px;height:6px;background:var(--c-cobalt)}
.lg-callout{border-left:3px solid var(--c-cobalt);background:var(--card);border-radius:0 var(--radius) var(--radius) 0;padding:18px 22px;box-shadow:0 1px 0 rgba(11,16,51,.05)}


/* táblák */
.lg-doc .tbl-wrap{margin-top:1.4em}
.lg-doc .tbl-wrap:focus-visible{outline:2px solid var(--c-cobalt);outline-offset:3px}
.lg-tbl{min-width:640px;font-size:.93rem;line-height:1.5}
.lg-tbl th,.lg-tbl td{padding:14px 16px}
.lg-tbl tbody th{font-weight:650;color:var(--c-ink);min-width:12em}
.lg-tbl--kv{min-width:0;width:100%}
.lg-tbl--kv tbody th{width:38%;min-width:0}
@media (max-width:640px){
  .lg-tbl--kv,.lg-tbl--kv tbody,.lg-tbl--kv tr,.lg-tbl--kv th,.lg-tbl--kv td{display:block;width:100%}
  .lg-tbl--kv tbody th{padding-bottom:2px;border-bottom:0;font-family:var(--f-mono);font-size:var(--fs-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--fg-2)}
  .lg-tbl--kv td{padding-top:4px}
}

/* ---------- Leiratkozás: egy mező, egy gomb ---------- */
.un{margin-block:1.6em 2.4em}
.un__card{position:relative;max-width:600px;background:var(--card);border:1px solid var(--card-line);border-radius:var(--radius-lg);
  padding:clamp(22px,3.4vw,40px);box-shadow:0 1px 0 rgba(11,16,51,.05),0 24px 60px -40px rgba(11,16,51,.4)}
.un__state{position:relative;display:grid;gap:18px}
.un__state[hidden]{display:none}
.un__lbl{display:flex;align-items:center;gap:10px;color:var(--fg-2)}
.un__dot{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--c-cobalt)}
.un__dot.is-on{background:var(--c-cobalt)}
.lg-doc .un__title{margin:0;padding:0;border:0;font-size:clamp(1.3rem,1.1rem + .9vw,1.8rem);line-height:1.15;text-wrap:balance}
.lg-doc .un__title::before{display:none}
.un__title:focus{outline:none}
.un__lead{font-size:1.06rem}
.un__lead strong,.un__done strong{overflow-wrap:anywhere}
.un__field{gap:8px}
.un .field__err:empty{display:none}
.field__opt{font-weight:500;color:var(--fg-2)}
.un__field .input[aria-invalid=true]{border-color:var(--c-err)}
.un__opt{font-size:.95rem;line-height:1.45}
.un__act{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.un__act .btn[aria-busy=true]{opacity:.7;pointer-events:none}
.un__fine{color:var(--fg-2);font-size:var(--fs-small);line-height:1.5}
.un__msg{border-left:3px solid var(--c-err);background:color-mix(in srgb,var(--c-err) 6%,var(--card));padding:12px 14px;font-size:.95rem;border-radius:0 var(--radius) var(--radius) 0}
.un__msg[hidden]{display:none}
.un.is-link [data-un-field] label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

/* ---------- nyomtatás ---------- */
@media print{
  @page{margin:18mm 16mm}
  html,body{background:#fff !important;color:#000 !important}
  .hdr,.ftr,.cursor,.counter,.loader,.skip-link,.grid-overlay,.sec__grid,.sec__meta,.lg-toc,.crumbs,.un__act,.un__opt,.un__field,.un__fine{display:none !important}
  .lg{padding:0 !important}
  .wrap{padding:0 !important;max-width:none !important}
  .lg-head{border-color:#999;margin-bottom:18pt;padding-bottom:12pt}
  .lg-h1{font-size:24pt;max-width:none;color:#000}
  .lg-meta li{border-color:#999;background:none;color:#333}
  .lg-grid{display:block}
  .lg-doc{max-width:none;font-size:10.5pt;line-height:1.5;color:#000}
  .lg-doc h2{font-size:13pt;break-after:avoid;page-break-after:avoid;border-color:#bbb}
  .lg-doc h2::before{background:#000}
  .lg-doc a{color:#000}
  .lg-doc a[href^="http"]::after{content:" (" attr(href) ")";font-size:.85em;color:#444}
  .tbl-wrap{overflow:visible !important;border-color:#bbb;background:none}
  .lg-tbl{min-width:0 !important;width:100%;font-size:9.5pt}
  .lg-tbl tr{break-inside:avoid}
  .ph{background:none;border-color:#999;color:#000}
  .lg-callout,.un__card{box-shadow:none;border:1px solid #bbb;background:none}
}