@charset "UTF-8";
/* ==========================================================================
   SZBMRTT — /keretnyilatkozat aloldal stíluslapja
   Csak a dokumentum-oldalra új osztályokat definiál; a .hero, .section,
   .section__head, .eyebrow, .ids, .note, .link-more, .grid--sidebar
   alapstílusait a style.css adja, így az arculat egy helyen marad.
   Minden érték a style.css tokenjeiből származik (--c-*, --t-*, --s-*, --f-*).

   NINCS új layout-idióma: a szakasz-kiemelés a .note (4px bal sáv) és a
   .ev--doc (inset sáv), a számozás a .biblio__no (mono, --c-primary), a
   meta-sáv keretezése a .stat (3px bal sáv + 14px belső tolás) mintáját
   követi. Oldalak: /keretnyilatkozat (hu).
   Megkötések: NINCS JS · NINCS CDN · NINCS webfont · a style.css NEM változik.
   ========================================================================== */

/* --- 0. Horgony-eltolás: a sticky fejléc TÉNYLEGES magassága -------------
   A style.css `html { scroll-padding-top: calc(var(--header-h) + 16px) }`
   a mért fejléc-magasságból számol (desktopon 226 + 16 = 242px), ezért a
   §-horgonyok maguktól a fejléc alá, 16px réssel landolnak — a régi 196px-es
   --doc-stick konstans egy ~188px-es (egy-soros navú) fejlécet feltételezett,
   feleslegessé vált. Helyette csak a sticky .docnav top-ját igazítjuk a
   fejléc alá (12px lég): a 226px-es fejlécnél ez 238px. */
:root {
  --doc-stick: var(--header-h);
}

/* --- 0.5 HERO: az eyebrow a paletta akcentusszínű (a .hero sötét liláján a
   --c-primary teal nem lenne olvasható); a rendezvenyek.html inline változata
   helyett tokenből, és csak ezen a lapon. */
.hero .eyebrow { color: var(--c-accent); }

/* --- 1. META-SÁV: a nyilatkozat identitása -------------------------------
   Kulcs/érték párok, az .ids tipográfiájával és a .stat keretezésével. */
.docmeta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s-2) var(--s-1);
  margin: 0;
}
.docmeta__item {
  flex: 0 1 auto;
  margin: 0;
  padding-left: 14px;
  border-left: 3px solid var(--c-line-strong);
}
.docmeta__k {
  font-family: var(--f-sans);
  font-size: var(--t-xxs);
  font-weight: 700;
  letter-spacing: var(--ls-eyebrow);
  text-transform: uppercase;
  color: var(--c-ink-muted);
}
.docmeta__v {
  margin: 2px 0 0;
  font-family: var(--f-mono);
  font-size: var(--t-body-xs);
  color: var(--c-ink-strong);
}
/* Státusz — a hatályosságot a paletta elsődleges színével jelezzük. */
.docmeta__v--ok { color: var(--c-primary); }
.docmeta__v--ok::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 8px;
  background: var(--c-primary);
}

/* --- 2. DOKUMENTUM-TÖRZS: szerifről olvasott, kontrollált sorhossz -------
   A site sans betűtípusa a chrome-é; a hosszú szöveget a style.css saját
   --f-serif tokenjére váltjuk (a study.css dokumentum-oldalainak megoldása),
   a sortávot 1,72-re emelve. A 72 ch-s mérte szűkebb, mint az oszlop, így a
   sor sosem fut túl hosszúvá. */
.doc-body {
  font-family: var(--f-serif);
  font-size: var(--t-body-s);
  line-height: 1.72;
  color: var(--c-ink);
  max-width: 72ch;
}
.doc-body p { margin-bottom: var(--s-2); }
.doc-body ul { margin-bottom: var(--s-2); }
.doc-body li { margin-bottom: var(--s-1); }
.doc-body a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

/* --- 3. SZÁMOZOTT SZAKASZOK ---------------------------------------------
   A sorszám a .biblio__no mintájára mono és --c-primary. A szakasz bal perme
   átlátszó, csak :target esetén kapja meg az akcentus-sávot (a .note
   mechanizmusa — JS és jelölőelem nélkül), ezért a hivatkozott alapelv a
   megnyitott URL-ben is beazonosítható. */
.sec {
  margin: 0 0 var(--s-4);
  padding: 0 0 0 var(--s-2);
  border-left: 4px solid transparent;
  transition: border-color .18s var(--ease), background-color .18s var(--ease);
}
.sec:last-of-type { margin-bottom: 0; }
.sec:target {
  border-left-color: var(--c-accent);
  background: var(--c-bg-alt-2);
}
.sec__title {
  font-size: var(--t-h4);
  line-height: var(--l-h3);
  margin-bottom: var(--s-1);
}
.sec__no {
  font-family: var(--f-mono);
  font-size: var(--t-body-xs);
  font-weight: 700;
  color: var(--c-primary);
  margin-right: .35em;
}
/* Állandó hivatkozás-jelölő: csak rámutatáskor/fókuszban látszik, nyomtatva
   soha. A cél URL a böngésző cínsorából vehető át. */
.sec__anchor {
  margin-left: .4em;
  font-family: var(--f-mono);
  font-size: .6em;
  font-weight: 400;
  color: var(--c-line-strong);
  text-decoration: none;
  opacity: 0;
}
.sec:hover .sec__anchor,
.sec__anchor:focus-visible { opacity: 1; color: var(--c-primary); }

/* --- 4. JOBB SÁV: tapadó tartalomjegyzék ----------------------------------
   Az .doc-side grid-elemként a sor teljes magasságára nyúlik (alapértelmezett
   align-self: stretch), ezért tud a benne lévő .docnav csúszni. */
.docnav {
  position: sticky;
  top: calc(var(--doc-stick) + 12px);
  margin: 0 0 var(--s-3);
  padding: 0 0 var(--s-2);
  border-bottom: 1px solid var(--c-line);
}
.docnav__title {
  font-family: var(--f-sans);
  font-size: var(--t-xxs);
  font-weight: 700;
  letter-spacing: var(--ls-eyebrow);
  text-transform: uppercase;
  color: var(--c-ink-muted);
  margin: 0 0 var(--s-1);
}
/* Két oszlop: sorszám + cím, így a jegyzék számai pontosan a szakaszok
   sorszámainak felelnek meg (a bevezető jelöletlen: „—”). */
.docnav__list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: var(--f-sans);
}
.docnav__item {
  display: grid;
  grid-template-columns: 2.4em minmax(0, 1fr);
  gap: var(--s-1);
  margin: 0 0 6px;
  padding: 0;
  font-size: var(--t-body-xs);
  line-height: 1.35;
}
.docnav__no {
  font-family: var(--f-mono);
  font-size: var(--t-xs);
  font-weight: 700;
  color: var(--c-primary);
}
.docnav__item a { color: var(--c-ink); text-decoration: none; }
.docnav__item a:hover { color: var(--c-primary); text-decoration: underline; }
.docnav__hint {
  margin: var(--s-1) 0 0;
  font-family: var(--f-mono);
  font-size: var(--t-xxs);
  color: var(--c-ink-faint);
}

/* --- 5. HIVATKOZÁS-BLOKK a szöveg végén ----------------------------------
   A §7 kéri a verziószám (és – ha közzétették – az ellenőrzőösszeg)
   feltüntetését: a blokk megadja mindkettőt, a §4 szerinti igazoláshoz a
   forrásfájl SHA-256-értékével. */
.doccite {
  margin-top: var(--s-4);
  padding-top: var(--s-2);
  border-top: 2px solid var(--c-ink-strong);
  font-family: var(--f-sans);
}
.doccite__title {
  font-size: var(--t-xxs);
  font-weight: 700;
  letter-spacing: var(--ls-eyebrow);
  text-transform: uppercase;
  color: var(--c-ink-muted);
  margin: 0 0 var(--s-1);
}
.doccite__ref {
  font-size: var(--t-body-xs);
  line-height: 1.6;
  margin: 0 0 var(--s-2);
}
.doccite__note {
  margin: var(--s-1) 0 0;
  font-size: var(--t-xs);
  color: var(--c-ink-muted);
}
.doccite .ids { margin-bottom: 0; }

/* --- 6. RESZPONZÍV: < 1024px --------------------------------------------
   A .grid--sidebar az style.css-ben egy oszlopra törik; a tartalomjegyzék a
   szöveg ELÉ kerül (order: -1), mert mobilon a tapadás helyett a jegyzék
   az ugrás rendeltetése. */
@media (max-width: 1023px) {
  .doc-side { order: -1; }
  .docnav { position: static; top: auto; }
  .sec { padding-left: var(--s-1); }
}

/* --- 7. NYOMTATÁS --------------------------------------------------------
   Egy oszlop (a print.css a .grid--sidebar-t 1fr-re töri), a tartalomjegyzék
   a dokumentum elején marad: nyomtatott formában is tartalomjegyzék. A
   tapadás, a horgony-eltolás és a hivatkozás-jelölő kimegy; a szakasz nem
   törhet ketté. */
@media print {
  .docnav {
    position: static;
    margin-bottom: 10pt;
    padding-bottom: 6pt;
    border-bottom-color: #999;
  }
  .docnav__hint { display: none; }
  .sec {
    padding-left: 0;
    border-left: 0;
    margin-bottom: 10pt;
    break-inside: avoid;
    page-break-inside: avoid;
  }
  .sec:target { background: none; border-left: 0; }
  .sec__anchor { display: none; }
  .doc-body { max-width: none; font-size: 10.5pt; line-height: 1.45; }
  .docmeta__item { border-left-color: #000; }
  .docmeta__v--ok { color: #000; }
  .docmeta__v--ok::before { background: #000; }
}