/* ═══════════════════════════════════════════════════════════════
   PETRONELLA NAPLÓJA — régi gúnylap-stílus
   Színek: papír, nyomdafesték, egy csepp korrektúra-vörös
   ═══════════════════════════════════════════════════════════════ */

:root{
  --papir:      #f2ecdd;
  --papir-melu: #e8e0cd;
  --festek:     #1b1a17;
  --festek-hal: #4a463d;
  --voros:      #9d2317;
  --vonal:      #1b1a17;
  --hasab-koz:  2.2rem;
  --max:        1180px;
}

*{ box-sizing:border-box; }

html{ -webkit-text-size-adjust:100%; }

body{
  margin:0;
  background:var(--papir-melu);
  color:var(--festek);
  font-family:"Libre Baskerville", Georgia, "Times New Roman", serif;
  font-size:17px;
  line-height:1.62;
  /* papírszemcse: két finom pontraszter egymáson */
  background-image:
    radial-gradient(circle at 1px 1px, rgba(27,26,23,.045) 1px, transparent 0),
    radial-gradient(circle at 3px 4px, rgba(157,35,23,.028) 1px, transparent 0);
  background-size: 5px 5px, 7px 7px;
}

.sr-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}

/* ─────────── Paródia-szalag ─────────── */
.parodia-szalag{
  background:var(--voros);
  color:#fdf6e6;
  text-align:center;
  padding:.62rem 1rem;
  font-size:.82rem;
  letter-spacing:.045em;
  line-height:1.45;
  border-bottom:3px double #fdf6e6;
}
.parodia-szalag strong{ letter-spacing:.09em; }
.parodia-szalag .kacsintas{
  font-style:italic;
  font-weight:700;
  letter-spacing:.02em;
  padding:0 .12em;
  border-bottom:1px dotted rgba(253,246,230,.6);
}

/* ─────────── A lap teste ─────────── */
.lap{
  max-width:var(--max);
  margin:0 auto;
  background:var(--papir);
  padding:2.4rem clamp(1.1rem, 4vw, 3.4rem) 0;
  box-shadow:0 0 44px rgba(27,26,23,.16);
  border-left:1px solid rgba(27,26,23,.12);
  border-right:1px solid rgba(27,26,23,.12);
}

/* ─────────── Fejléc / címlogó ─────────── */
.fejlec{ text-align:center; padding-bottom:.4rem; position:relative; }

/* ─────────── Lap-pecsét (bal felső sarok) ─────────── */
.lappecset{
  position:absolute;
  top:1.1rem; left:0;
  width:clamp(74px, 9vw, 108px);
  filter:drop-shadow(1.5px 1.5px 0 rgba(27,26,23,.18));
}
.lappecset svg{ display:block; width:100%; height:auto; }
.pecset-szoveg{
  font-family:"Playfair Display", Georgia, serif;
  font-weight:700;
  font-size:8.6px;
  letter-spacing:1.05px;
  fill:#1b1a17;
}
.pecset-szalag{
  font-family:"Playfair Display", Georgia, serif;
  font-weight:900;
  font-size:13px;
  letter-spacing:1.6px;
  fill:#f7f2e6;
}
.pecset-lab{
  font-family:"Playfair Display", Georgia, serif;
  font-weight:700;
  font-style:italic;
  font-size:8.4px;
  letter-spacing:1.1px;
  fill:#4a463d;
}

@media (max-width:820px){
  .lappecset{
    position:static;
    width:clamp(72px, 20vw, 96px);
    margin:0 auto .9rem;
  }
}

.fejlec-sor{
  font-size:.74rem;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:var(--festek-hal);
  display:flex; flex-wrap:wrap; gap:.5rem;
  align-items:center; justify-content:center;
}
.fejlec-sor .pont{ opacity:.45; }
.fejlec-sor.felso{ padding-bottom:.7rem; border-bottom:1px solid var(--vonal); }
.fejlec-sor.also{
  padding-top:.7rem; margin-top:.55rem;
  border-top:1px solid var(--vonal);
  border-bottom:4px double var(--vonal);
  padding-bottom:.85rem;
}
.fejlec-sor em{ font-style:italic; letter-spacing:.06em; }

.cimlogo{
  font-family:"Playfair Display", Georgia, serif;
  font-weight:900;
  font-size:clamp(2.9rem, 11vw, 7.4rem);
  line-height:.94;
  margin:1.15rem 0 .35rem;
  letter-spacing:-.015em;
  text-transform:uppercase;
  /* nyomdai „mélynyomás” hatás */
  text-shadow: .8px .8px 0 rgba(157,35,23,.18);
}

.alcim{
  font-family:"Playfair Display", Georgia, serif;
  font-style:italic;
  font-size:clamp(.95rem, 2.6vw, 1.35rem);
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--festek-hal);
}

.jelmondat{
  display:inline-block;
  margin:1.05rem auto .2rem;
  padding:.42rem 1.25rem;
  border:1px solid var(--vonal);
  border-left:4px solid var(--voros);
  border-right:4px solid var(--voros);
  font-family:"Playfair Display", Georgia, serif;
  font-weight:700;
  font-size:clamp(.86rem, 2.3vw, 1.06rem);
  letter-spacing:.02em;
  background:rgba(255,255,255,.4);
}
.jelmondat::before{ content:"„"; color:var(--voros); }
.jelmondat::after{ content:"”"; color:var(--voros); }

/* ─────────── Kapcsolat-sáv (fent és lent) ─────────── */
.kapcsolat-sav{
  margin:1.6rem 0 .4rem;
  padding:1rem 1.2rem 1.1rem;
  text-align:center;
  border-top:1px solid var(--vonal);
  border-bottom:1px solid var(--vonal);
  background:
    repeating-linear-gradient(-45deg,
      rgba(157,35,23,.05) 0 9px, transparent 9px 18px);
}
.kapcsolat-sav.also{ margin:2.2rem 0 .6rem; }

.kapcsolat-cimke{
  display:block;
  font-family:"Playfair Display", Georgia, serif;
  font-weight:700;
  font-size:.68rem; letter-spacing:.26em; text-transform:uppercase;
  color:var(--voros);
  margin-bottom:.6rem;
}
.kapcsolat-cim{
  display:inline-flex; align-items:center; gap:.55rem;
  font-family:"Playfair Display", Georgia, serif;
  font-weight:900;
  font-size:clamp(1.02rem, 3.4vw, 1.62rem);
  color:var(--festek);
  text-decoration:none;
  border-bottom:3px solid var(--voros);
  padding:.1rem .2rem .15rem;
  word-break:break-word;
}
.kapcsolat-cim:hover{ background:var(--voros); color:var(--papir); border-color:var(--voros); }
.kapcsolat-cim .borotek{ color:var(--voros); font-size:1.05em; }
.kapcsolat-cim:hover .borotek{ color:var(--papir); }
.kapcsolat-lab{
  display:block; margin-top:.7rem;
  font-size:.78rem; font-style:italic; color:var(--festek-hal);
}

/* ─────────── Rovatfejek, választók ─────────── */
.rovatfej{
  font-family:"Playfair Display", Georgia, serif;
  font-weight:700;
  font-size:.78rem;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--voros);
  margin:2.2rem 0 .55rem;
  display:flex; align-items:center; gap:.9rem;
}
.rovatfej::after{ content:""; flex:1; height:1px; background:var(--vonal); opacity:.35; }
.rovatfej.kozepre{ justify-content:center; }
.rovatfej.kozepre::before{ content:""; flex:1; height:1px; background:var(--vonal); opacity:.35; }

.valaszto{
  border:0; border-top:1px solid var(--vonal);
  opacity:.4; margin:2.6rem 0;
}
.valaszto.vastag{ border-top:4px double var(--vonal); opacity:.6; }

.cikkcim{
  font-family:"Playfair Display", Georgia, serif;
  font-weight:900;
  font-size:clamp(1.85rem, 5.2vw, 3.15rem);
  line-height:1.08;
  margin:.2rem 0 1.3rem;
  letter-spacing:-.01em;
}
.cikkcim.kozepre{ text-align:center; }

/* ─────────── Építés alatt / visszaszámláló ─────────── */
.epites{
  margin:2rem 0 .6rem;
  padding:1.4rem clamp(1rem, 3vw, 2rem) 1.5rem;
  text-align:center;
  border:1px solid var(--vonal);
  border-top:6px solid var(--voros);
  border-bottom:6px solid var(--voros);
  background:
    repeating-linear-gradient(-45deg,
      rgba(157,35,23,.07) 0 10px, transparent 10px 20px);
}
.epites-fej{
  display:inline-flex; align-items:center; gap:.55rem;
  font-family:"Playfair Display", Georgia, serif;
  font-weight:900;
  font-size:.76rem; letter-spacing:.28em; text-transform:uppercase;
  color:var(--voros);
}
.pulzus{
  width:9px; height:9px; border-radius:50%;
  background:var(--voros);
  animation:pulzal 1.6s ease-in-out infinite;
}
@keyframes pulzal{ 0%,100%{opacity:1;} 50%{opacity:.2;} }

.epites-szoveg{
  margin:.75rem 0 1.1rem;
  font-family:"Playfair Display", Georgia, serif;
  font-style:italic;
  font-size:clamp(1.02rem, 2.7vw, 1.3rem);
}

.visszaszamlalo{
  display:flex; align-items:flex-start; justify-content:center;
  gap:.4rem;
  font-variant-numeric:tabular-nums;
}
.visszaszamlalo .egyseg{ min-width:clamp(58px, 15vw, 96px); }
.visszaszamlalo .ertek{
  display:block;
  font-family:"Playfair Display", Georgia, serif;
  font-weight:900;
  font-size:clamp(2.4rem, 9vw, 4.2rem);
  line-height:1;
  letter-spacing:-.02em;
}
.visszaszamlalo .cimke{
  display:block; margin-top:.3rem;
  font-size:.62rem; letter-spacing:.18em; text-transform:uppercase;
  color:var(--festek-hal);
}
.visszaszamlalo .kettospont{
  font-family:"Playfair Display", Georgia, serif;
  font-weight:900;
  font-size:clamp(1.9rem, 7vw, 3.2rem);
  line-height:1.05;
  color:var(--voros);
}

.epites-sav{
  max-width:520px; margin:1.3rem auto .8rem;
  height:9px;
  border:1px solid var(--vonal);
  background:rgba(255,255,255,.5);
}
.epites-sav-belso{
  height:100%; width:6%;
  background:
    repeating-linear-gradient(-45deg,
      var(--voros) 0 5px, rgba(157,35,23,.55) 5px 10px);
  transition:width .6s linear;
}

.epites-lab{
  margin:0;
  font-size:.8rem; letter-spacing:.04em;
  color:var(--festek-hal);
}
.epites-lab em{ color:var(--voros); font-weight:700; font-style:italic; }

/* ─────────── Vezércikk ─────────── */
.vezercikk-torzs{
  display:grid;
  grid-template-columns:minmax(0,1fr) clamp(190px, 25%, 290px);
  gap:var(--hasab-koz);
  align-items:start;
}
.vezercikk-torzs .szoveg{
  columns:2;
  column-gap:var(--hasab-koz);
  column-rule:1px solid rgba(27,26,23,.22);
  text-align:justify;
  hyphens:auto;
}
.vezercikk-torzs p{ margin:0 0 1rem; }

.elso-bekezdes::first-letter{
  float:left;
  font-family:"Playfair Display", Georgia, serif;
  font-weight:900;
  font-size:4.6em;
  line-height:.78;
  padding:.06em .1em 0 0;
  color:var(--voros);
}

.kiemelt-zaras{
  font-family:"Playfair Display", Georgia, serif;
  font-weight:700;
  font-style:italic;
  font-size:1.28rem;
  text-align:center !important;
  margin:1.3rem 0 .6rem !important;
  padding:.75rem 0;
  border-top:1px solid var(--vonal);
  border-bottom:1px solid var(--vonal);
}

.teglasor{
  text-align:center !important;
  font-family:"Playfair Display", Georgia, serif;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:var(--voros);
  font-size:1.02rem;
}

/* ─────────── Portré / karikatúra ─────────── */
/* A portré saját rácsoszlopot kap — a CSS-hasábok és a float
   rosszul barátkoznak, ezért nem úsztatunk, hanem gridezünk. */
.portre{ margin:.35rem 0 0; }

.kepkeret{
  position:relative;
  border:1px solid var(--vonal);
  padding:.55rem;
  background:var(--papir);
  box-shadow:2px 2px 0 rgba(27,26,23,.2);
}
.kepkeret img{
  display:block; width:100%; height:auto;
  border:1px solid rgba(27,26,23,.35);
}

/* karikatúra „nyomdai” hatás: szürke + kontraszt + raszter */
.halftone{
  filter:grayscale(1) contrast(1.22) brightness(1.04);
}
.kepkeret::after{
  content:"";
  position:absolute; inset:.55rem;
  pointer-events:none;
  background-image:radial-gradient(circle at 1px 1px, rgba(27,26,23,.28) .6px, transparent 0);
  background-size:3px 3px;
  mix-blend-mode:multiply;
  opacity:.55;
}
.helyorzo-kep{ filter:none; }

.belyegzo{
  position:absolute;
  right:-.7rem; bottom:.9rem;
  transform:rotate(-13deg);
  border:3px double var(--voros);
  color:var(--voros);
  font-family:"Playfair Display", Georgia, serif;
  font-weight:900;
  letter-spacing:.22em;
  font-size:.82rem;
  padding:.28rem .7rem;
  background:rgba(242,236,221,.72);
  opacity:.88;
}

.portre figcaption{
  font-size:.76rem;
  font-style:italic;
  color:var(--festek-hal);
  text-align:center;
  margin-top:.5rem;
  line-height:1.4;
}
.portre figcaption span{ display:block; font-size:.7rem; opacity:.8; }

/* ─────────── A lap mottója ─────────── */
.motto{
  max-width:56ch;
  margin:2.4rem auto .6rem;
  padding:1.5rem 1.6rem 1.2rem;
  border-top:4px double var(--vonal);
  border-bottom:4px double var(--vonal);
  text-align:center;
  position:relative;
  background:
    repeating-linear-gradient(45deg,
      rgba(157,35,23,.035) 0 6px, transparent 6px 12px);
}
.motto-fej{
  font-family:"Playfair Display", Georgia, serif;
  font-weight:700;
  font-size:.7rem; letter-spacing:.3em; text-transform:uppercase;
  color:var(--voros);
  margin-bottom:.9rem;
}
.motto-szoveg{
  font-family:"Playfair Display", Georgia, serif;
  font-weight:900; font-style:italic;
  font-size:clamp(1.25rem, 3.6vw, 1.85rem);
  line-height:1.25;
  margin:0;
}
.motto-szoveg::before{ content:"„"; color:var(--voros); }
.motto-szoveg::after{ content:"”"; color:var(--voros); }
.motto-szoveg.masodik{
  margin-top:.55rem;
  font-size:clamp(1.1rem, 3.1vw, 1.5rem);
  letter-spacing:.02em;
}
.motto-lab{
  margin-top:1rem;
  font-size:.76rem; font-style:italic;
  color:var(--festek-hal);
  letter-spacing:.05em;
}

/* ─────────── A mai hazugság ─────────── */
.mai-doboz{
  border:4px double var(--vonal);
  padding:clamp(1.2rem, 4vw, 2.4rem);
  background:linear-gradient(180deg, rgba(255,255,255,.5), transparent);
  position:relative;
}
.mai-datum-sor{
  display:flex; flex-wrap:wrap; gap:.6rem 1rem;
  align-items:baseline; justify-content:center;
  font-size:.76rem; letter-spacing:.16em; text-transform:uppercase;
  color:var(--festek-hal);
  margin-bottom:1rem;
}
.mai-idezet{
  font-family:"Playfair Display", Georgia, serif;
  font-weight:700;
  font-style:italic;
  font-size:clamp(1.35rem, 4.2vw, 2.35rem);
  line-height:1.28;
  text-align:center;
  margin:0 0 1.2rem;
  quotes:"„" "”" "»" "«";
}
.mai-idezet::before{ content:open-quote; color:var(--voros); }
.mai-idezet::after{ content:close-quote; color:var(--voros); }

.mai-magyarazat{
  max-width:46ch; margin:0 auto 1.4rem;
  text-align:center; font-size:.98rem;
}

/* ─────────── Hazugságmérő ─────────── */
.mero{
  display:flex; align-items:center; justify-content:center;
  gap:.75rem; flex-wrap:wrap;
  font-size:.72rem; letter-spacing:.2em; text-transform:uppercase;
  color:var(--festek-hal);
}
.mero-orrok{ display:inline-flex; gap:.28rem; }
.mero-orrok svg{ width:22px; height:22px; display:block; }
.mero-orrok .tele path{ fill:var(--voros); stroke:var(--voros); }
.mero-orrok .ures path{ fill:none; stroke:rgba(27,26,23,.38); }

/* ─────────── Archívum ─────────── */
.archivum-vallomas{
  text-align:center;
  max-width:56ch;
  margin:.2rem auto 1.6rem;
  font-family:"Playfair Display", Georgia, serif;
  font-style:italic;
  font-size:clamp(1.02rem, 2.7vw, 1.28rem);
  line-height:1.4;
}
.archivum-vallomas strong{
  font-style:normal;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:var(--voros);
  font-size:.88em;
}

.kereso-sor{
  display:flex; flex-wrap:wrap; gap:1rem;
  align-items:center; justify-content:space-between;
  margin:0 0 1.6rem;
  padding-bottom:.9rem;
  border-bottom:1px solid rgba(27,26,23,.25);
}
.kereso{ flex:1 1 260px; }
.kereso input{
  width:100%;
  font-family:inherit; font-size:1rem;
  padding:.62rem .85rem;
  background:rgba(255,255,255,.45);
  border:1px solid var(--vonal);
  color:var(--festek);
  border-radius:0;
}
.kereso input:focus{ outline:2px solid var(--voros); outline-offset:1px; }
.talalat{ font-size:.76rem; letter-spacing:.14em; text-transform:uppercase; color:var(--festek-hal); }

.hasabok{
  columns:3;
  column-gap:var(--hasab-koz);
}

.tetel{
  break-inside:avoid;
  page-break-inside:avoid;
  margin:0 0 1.7rem;
  padding-bottom:1.5rem;
  border-bottom:1px solid rgba(27,26,23,.25);
}
.tetel:last-child{ border-bottom:0; }

.tetel-datum{
  font-size:.7rem; letter-spacing:.2em; text-transform:uppercase;
  color:var(--voros); display:block; margin-bottom:.45rem;
}
.tetel-idezet{
  font-family:"Playfair Display", Georgia, serif;
  font-weight:700; font-style:italic;
  font-size:1.16rem; line-height:1.32;
  margin:0 0 .55rem;
}
.tetel-idezet::before{ content:"„"; color:var(--voros); }
.tetel-idezet::after{ content:"”"; color:var(--voros); }
.tetel-magyarazat{ margin:0 0 .7rem; font-size:.92rem; }
.tetel .mero{ justify-content:flex-start; font-size:.66rem; gap:.5rem; }
.tetel .mero-orrok svg{ width:17px; height:17px; }
.tetel-cimke{
  display:inline-block; margin-top:.55rem;
  font-size:.66rem; letter-spacing:.16em; text-transform:uppercase;
  border:1px solid rgba(27,26,23,.4);
  padding:.16rem .5rem; color:var(--festek-hal);
}

.nincs-talalat{
  text-align:center; font-style:italic;
  color:var(--festek-hal); padding:2.5rem 0;
}

/* ─────────── Számláló-sáv ─────────── */
.szamlalo-sav{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:1rem;
  text-align:center;
  border-top:1px solid var(--vonal);
  border-bottom:1px solid var(--vonal);
  padding:1.4rem 0;
}
.szamlalo-elem + .szamlalo-elem{ border-left:1px solid rgba(27,26,23,.22); }
.szamlalo-elem .szam{
  display:block;
  font-family:"Playfair Display", Georgia, serif;
  font-weight:900;
  font-size:clamp(1.7rem, 5vw, 2.9rem);
  line-height:1;
  color:var(--voros);
}
.szamlalo-elem .cimke{
  display:block; margin-top:.45rem;
  font-size:.68rem; letter-spacing:.12em; text-transform:uppercase;
  color:var(--festek-hal); line-height:1.4;
}

/* ─────────── Ki vagyok én? ─────────── */
.kivagyok-doboz{ text-align:center; max-width:62ch; margin:0 auto; }

.gomb{
  font-family:"Playfair Display", Georgia, serif;
  font-weight:700; letter-spacing:.16em; text-transform:uppercase;
  font-size:.86rem;
  background:var(--festek); color:var(--papir);
  border:0; padding:.85rem 1.9rem;
  cursor:pointer;
  transition:background .18s ease, transform .18s ease;
}
.gomb:hover{ background:var(--voros); }
.gomb:active{ transform:translateY(1px); }
.gomb:focus-visible{ outline:2px solid var(--voros); outline-offset:3px; }

.leleplezes{ margin-top:1.8rem; text-align:left; animation:elohalvanyul .5s ease; }
.leleplezes .nagy{
  font-family:"Playfair Display", Georgia, serif;
  font-weight:900; font-size:2.1rem; text-align:center;
  margin:0 0 1rem; color:var(--voros);
}
.leleplezes .apro{
  font-size:.8rem; color:var(--festek-hal);
  border-top:1px solid rgba(27,26,23,.3);
  padding-top:1rem; margin-top:1.4rem; line-height:1.55;
}
@keyframes elohalvanyul{ from{opacity:0; transform:translateY(6px);} to{opacity:1; transform:none;} }

/* ─────────── A szerkesztőség ─────────── */
.szerkesztoseg-bevezeto{
  max-width:56ch; margin:0 auto 2rem; text-align:center;
  font-family:"Playfair Display", Georgia, serif;
  font-style:italic;
  font-size:clamp(1rem, 2.6vw, 1.2rem);
  line-height:1.45;
}

.szerkesztoseg-racs{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(210px, 1fr));
  gap:1.4rem;
}

.munkatars{
  border:1px solid var(--vonal);
  background:var(--papir);
  padding:0 0 1.1rem;
  text-align:center;
  cursor:pointer;
  box-shadow:2px 2px 0 rgba(27,26,23,.18);
  transition:transform .16s ease, box-shadow .16s ease;
  font:inherit; color:inherit;
  display:flex; flex-direction:column;
}
.munkatars:hover,
.munkatars:focus-visible{
  transform:translate(-2px,-2px);
  box-shadow:5px 5px 0 rgba(157,35,23,.35);
  outline:none;
}

.munkatars-kep{
  position:relative;
  border-bottom:1px solid var(--vonal);
  background:var(--papir-melu);
  aspect-ratio:4/5;
  overflow:hidden;
}
.munkatars-kep img{
  width:100%; height:100%; object-fit:cover; display:block;
  filter:grayscale(1) contrast(1.2);
}
.munkatars-kep::after{
  content:"";
  position:absolute; inset:0; pointer-events:none;
  background-image:radial-gradient(circle at 1px 1px, rgba(27,26,23,.3) .6px, transparent 0);
  background-size:3px 3px;
  mix-blend-mode:multiply; opacity:.5;
}
.munkatars-kep .helyorzo-kep{ filter:none; object-fit:contain; padding:.6rem; }

.munkatars-nev{
  font-family:"Playfair Display", Georgia, serif;
  font-weight:900;
  font-size:1.16rem; line-height:1.2;
  margin:.85rem .7rem .25rem;
}
.munkatars-titulus{
  font-size:.64rem; letter-spacing:.18em; text-transform:uppercase;
  color:var(--voros); margin:0 .6rem .55rem;
}
.munkatars-rovat{
  font-size:.82rem; font-style:italic;
  color:var(--festek-hal);
  margin:0 .8rem;
  padding-top:.55rem;
  border-top:1px solid rgba(27,26,23,.22);
}
.munkatars-db{
  margin-top:.6rem;
  font-size:.62rem; letter-spacing:.14em; text-transform:uppercase;
  color:var(--festek-hal);
}

.rovat-parodia{
  background:var(--voros);
  color:#fdf6e6;
  text-align:center;
  padding:.5rem .9rem;
  margin:-.4rem -.4rem 1.4rem;
  font-size:.76rem;
  letter-spacing:.05em;
  line-height:1.45;
}

/* ─────────── Rovat-nézet (átfedő lap) ─────────── */
.rovat-nezet{
  position:fixed; inset:0; z-index:50;
  background:rgba(27,26,23,.62);
  overflow-y:auto;
  padding:clamp(.8rem, 3vw, 2.6rem);
  animation:elohalvanyul .22s ease;
}
.rovat-lap{
  position:relative;
  max-width:900px; margin:0 auto;
  background:var(--papir);
  border:1px solid var(--vonal);
  box-shadow:0 20px 60px rgba(0,0,0,.4);
  padding:clamp(1.4rem, 4vw, 3rem);
  background-image:
    radial-gradient(circle at 1px 1px, rgba(27,26,23,.045) 1px, transparent 0);
  background-size:5px 5px;
}
.rovat-bezar{
  position:absolute; top:.6rem; right:.7rem;
  width:2.3rem; height:2.3rem;
  border:1px solid var(--vonal);
  background:var(--papir);
  font-size:1rem; line-height:1; cursor:pointer;
  color:var(--festek);
}
.rovat-bezar:hover{ background:var(--voros); color:var(--papir); border-color:var(--voros); }

.rovat-fejlec{
  text-align:center;
  border-bottom:4px double var(--vonal);
  padding-bottom:1.3rem; margin-bottom:1.6rem;
}
.rovat-fejlec .rovat-kep{
  width:clamp(120px, 26%, 180px);
  margin:0 auto 1rem;
  border:1px solid var(--vonal);
  padding:.4rem; background:var(--papir);
}
.rovat-fejlec .rovat-kep img{
  display:block; width:100%; height:auto;
  filter:grayscale(1) contrast(1.2);
}
.rovat-fejlec .rovat-kep img.helyorzo-kep{ filter:none; }

.rovat-titulus{
  font-size:.68rem; letter-spacing:.24em; text-transform:uppercase;
  color:var(--voros); margin-bottom:.5rem;
}
.rovat-nev{
  font-family:"Playfair Display", Georgia, serif;
  font-weight:900;
  font-size:clamp(1.9rem, 6vw, 3.1rem);
  line-height:1.05; margin:0 0 .5rem;
}
.rovat-cim{
  font-family:"Playfair Display", Georgia, serif;
  font-style:italic;
  font-size:1.05rem; letter-spacing:.1em; text-transform:uppercase;
  color:var(--festek-hal); margin-bottom:.9rem;
}
.rovat-motto{
  font-family:"Playfair Display", Georgia, serif;
  font-weight:700; font-style:italic;
  font-size:clamp(1.05rem, 3vw, 1.4rem);
  max-width:44ch; margin:0 auto .9rem;
}
.rovat-motto::before{ content:"„"; color:var(--voros); }
.rovat-motto::after{ content:"”"; color:var(--voros); }
.rovat-bio{
  max-width:52ch; margin:0 auto;
  font-size:.94rem; color:var(--festek-hal);
}

.rovat-bejegyzesek{ columns:2; column-gap:var(--hasab-koz); }
.rovat-bejegyzes{
  break-inside:avoid;
  margin:0 0 1.5rem; padding-bottom:1.3rem;
  border-bottom:1px solid rgba(27,26,23,.25);
}
.rovat-bejegyzes:last-child{ border-bottom:0; }
.rovat-bejegyzes h3{
  font-family:"Playfair Display", Georgia, serif;
  font-weight:900; font-size:1.2rem; line-height:1.25;
  margin:0 0 .45rem;
}
.rovat-bejegyzes .datum{
  display:block; font-size:.66rem; letter-spacing:.18em;
  text-transform:uppercase; color:var(--voros); margin-bottom:.35rem;
}
.rovat-bejegyzes p{ margin:0; font-size:.94rem; white-space:pre-line; }

.rovat-lablec{
  margin-top:2rem; padding-top:1.3rem;
  border-top:4px double var(--vonal);
  text-align:center;
}
.rovat-lablec .gomb{ font-size:.76rem; padding:.7rem 1.4rem; }
.rovat-lablec .zarva-cimke{ margin:.8rem 0 0; }

@media (max-width:680px){
  .rovat-bejegyzesek{ columns:1; }
  .szerkesztoseg-racs{ grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)); gap:1rem; }
  .munkatars-nev{ font-size:1rem; }
}

/* ─────────── Olvasói levelek ─────────── */
.levelek-doboz{
  max-width:60ch; margin:0 auto; text-align:center;
  border:1px solid var(--vonal);
  border-top:6px solid var(--festek);
  padding:clamp(1.2rem, 4vw, 2.2rem);
  background:rgba(255,255,255,.35);
}
.levelek-bevezeto{
  margin:0 0 1.5rem;
  font-family:"Playfair Display", Georgia, serif;
  font-style:italic;
  font-size:clamp(1.02rem, 2.7vw, 1.24rem);
  line-height:1.45;
}

.levelcim-gomb{
  display:inline-flex; align-items:center; gap:.7rem;
  letter-spacing:.04em;
  text-decoration:none;
  font-size:clamp(.82rem, 2.6vw, 1.02rem);
  text-transform:none;
  padding:.9rem 1.6rem;
  word-break:break-all;
}
.levelcim-gomb .borotek{
  font-size:1.15em;
  letter-spacing:0;
}

.zarva-cimke{
  margin:.9rem 0 1.6rem;
  font-size:.78rem; letter-spacing:.14em; text-transform:uppercase;
  color:var(--festek-hal);
}
.zarva-cimke strong{
  font-variant-numeric:tabular-nums;
  color:var(--voros); letter-spacing:.06em;
}
.zarva-cimke .lakat{ margin-right:.3rem; }

.szabalyok{
  list-style:none; padding:0;
  margin:0 auto; max-width:48ch;
  text-align:left;
  border-top:1px solid rgba(27,26,23,.3);
  padding-top:1.3rem;
}
.szabalyok li{
  position:relative;
  padding-left:1.5rem;
  margin-bottom:.75rem;
  font-size:.92rem; line-height:1.5;
}
.szabalyok li::before{
  content:"§";
  position:absolute; left:0; top:0;
  font-family:"Playfair Display", Georgia, serif;
  font-weight:900; color:var(--voros);
}
.szabalyok-lab{
  margin:1.3rem 0 0;
  font-family:"Playfair Display", Georgia, serif;
  font-style:italic;
  font-size:.94rem;
  color:var(--festek-hal);
}

/* ─────────── Lábléc ─────────── */
.lablec{ margin-top:3rem; }

.tegla-motivum{
  overflow:hidden; white-space:nowrap;
  font-family:"Playfair Display", Georgia, serif;
  font-weight:900; text-transform:uppercase;
  letter-spacing:.28em; font-size:.8rem;
  color:rgba(27,26,23,.22);
  border-top:1px solid var(--vonal);
  border-bottom:1px solid var(--vonal);
  padding:.6rem 0;
}

.impresszum{
  padding:2.4rem 0 3rem;
  font-size:clamp(1.02rem, 2.4vw, 1.14rem);
  line-height:1.6;
  font-weight:700;
  color:var(--festek);
  max-width:66ch; margin:0 auto; text-align:center;
}
.impresszum h3{
  font-family:"Playfair Display", Georgia, serif;
  font-weight:900;
  font-size:1.05rem; letter-spacing:.3em; text-transform:uppercase;
  color:var(--voros); margin:0 0 1.1rem;
}
.impresszum p{ margin:0 0 .95rem; }
.impresszum strong{ font-weight:900; }
.impresszum .copy{
  margin-top:1.8rem;
  font-size:.88rem; font-weight:400;
  color:var(--festek-hal);
}
.impresszum a{ color:var(--festek); }

/* a kacsintás — külön sorban, hogy poénnak lássék, ne a nyilatkozat visszavonásának */
.vagy-igen{
  font-family:"Playfair Display", Georgia, serif;
  font-weight:900; font-style:italic;
  font-size:clamp(1.6rem, 4.6vw, 2.3rem);
  color:var(--voros);
  letter-spacing:.01em;
  margin:1.3rem 0 1.1rem !important;
  padding:.5rem 0;
  border-top:1px solid rgba(157,35,23,.35);
  border-bottom:1px solid rgba(157,35,23,.35);
}

/* ─────────── Reszponzív ─────────── */
@media (max-width:900px){
  .hasabok{ columns:2; }
  .vezercikk-torzs .szoveg{ columns:1; }
}
@media (max-width:680px){
  body{ font-size:16px; }
  .lap{ padding-top:1.6rem; }
  .vezercikk-torzs{ grid-template-columns:1fr; }
  .vezercikk-torzs .szoveg{ text-align:left; hyphens:none; }
  .hasabok{ columns:1; }
  .portre{ width:min(74%, 260px); margin:0 auto 1.4rem; order:-1; }
  .szamlalo-sav{ grid-template-columns:repeat(2, 1fr); gap:1.4rem 0; }
  .szamlalo-elem:nth-child(3){ border-left:0; }
  .szamlalo-elem:nth-child(odd){ border-left:0; }
  .fejlec-sor{ font-size:.66rem; letter-spacing:.09em; }
  .belyegzo{ right:-.3rem; font-size:.7rem; }
}

/* ─────────── Nyomtatás ─────────── */
@media print{
  body{ background:#fff; }
  .lap{ box-shadow:none; border:0; max-width:none; }
  .parodia-szalag{ background:#fff; color:#000; border-bottom:2px solid #000; }
  .gomb, .kereso-sor{ display:none; }
  .leleplezes[hidden]{ display:block !important; }
  .hasabok{ columns:2; }
}

/* ─────────── Mozgáscsökkentés ─────────── */
@media (prefers-reduced-motion:reduce){
  *{ animation:none !important; transition:none !important; }
}

/* ─────────── Közzétételi bélyegző ─────────── */
.szerzo-belyegzo{
  display:inline-block;
  margin-top:.5rem;
  padding:.14rem .5rem;
  border:1px dashed rgba(157,35,23,.55);
  font-size:.62rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--voros);
  transform:rotate(-1.2deg);
}
.szerzo-belyegzo.kozepre{ display:block; width:fit-content; margin:1rem auto 0; }

/* ─────────── Hiteltelenítő sor a fejlécben ─────────── */
.hiteltelenito{
  max-width:62ch;
  margin:.9rem auto .2rem;
  padding:.6rem 1rem;
  border-top:1px solid rgba(157,35,23,.4);
  border-bottom:1px solid rgba(157,35,23,.4);
  font-size:clamp(.8rem, 2.2vw, .96rem);
  line-height:1.5;
  color:var(--festek-hal);
}
.hiteltelenito strong{
  color:var(--voros);
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.94em;
}
.hiteltelenito em{
  display:block;
  margin-top:.25rem;
  font-family:"Playfair Display", Georgia, serif;
  font-weight:700;
  font-style:italic;
  font-size:1.12em;
  color:var(--festek);
}

/* ═══════ ŐSDI LÁTOGATÓ-SZÁMLÁLÓ (retró, 90-es évek modora) ═══════ */
.szamlalo-doboz{
  margin:2.2rem auto 1.4rem; max-width:540px; text-align:center;
  padding:1rem 1.1rem 1.1rem; background:#0d0d0d;
  border:3px double var(--voros); border-radius:6px;
  box-shadow:0 6px 22px rgba(0,0,0,.45);
}
.szamlalo-cimke{
  font-family:"Courier New",ui-monospace,monospace; font-size:.74rem;
  letter-spacing:.13em; text-transform:uppercase; font-weight:700;
  color:#f2c14e; margin-bottom:.7rem;
}
.szamlalo-led{
  display:inline-flex; gap:4px; padding:8px 10px; background:#000;
  border:2px inset #2a2a2a; border-radius:4px;
}
.szamlalo-led .jegy{
  font-family:"Courier New",ui-monospace,monospace; font-weight:700;
  font-size:2rem; line-height:1.05; width:1.05em; text-align:center;
  color:#39ff5a; background:#071108; border:1px solid #11331a; border-radius:3px;
  text-shadow:0 0 6px #39ff5a, 0 0 13px rgba(57,255,90,.55);
}
.szamlalo-lab{
  font-family:"Courier New",ui-monospace,monospace; font-size:.82rem;
  color:#e8e0cd; margin-top:.75rem;
}
.szamlalo-lab b{ color:#f2c14e; font-weight:700; }
.szamlalo-pislog{ color:#39ff5a; animation:pn-pislog 1s steps(2,end) infinite; }
@keyframes pn-pislog{ 50%{ opacity:0; } }
.szamlalo-viccc{
  font-family:"Courier New",ui-monospace,monospace; font-size:.72rem;
  color:#7a7469; margin-top:.5rem; font-style:italic;
}
@media (max-width:480px){
  .szamlalo-led .jegy{ font-size:1.5rem; }
  .szamlalo-cimke{ font-size:.66rem; }
}

/* ═══════ ÍGÉRETFIGYELŐ — rovat-gomb a fejléc alatt ═══════ */
.igeretfigyelo-sav{
  display:flex; align-items:center; gap:.7rem; flex-wrap:wrap;
  margin:1.4rem auto 0; max-width:760px; padding:.9rem 1.2rem;
  background:#0d0d0d; border:3px double var(--voros); border-radius:8px;
  text-decoration:none; color:#f2ecdd; transition:transform .12s ease;
}
.igeretfigyelo-sav:hover{ transform:translateY(-2px); }
.igeretfigyelo-sav .if-badge{
  font-family:"Courier New",monospace; font-weight:700; font-size:.68rem;
  letter-spacing:.12em; background:var(--voros); color:#fff; padding:3px 9px; border-radius:999px;
}
.igeretfigyelo-sav .if-cim{
  font-family:"Playfair Display",serif; font-weight:900; font-size:1.25rem; color:#f2c14e;
}
.igeretfigyelo-sav .if-alcim{
  font-family:"Libre Baskerville",serif; font-style:italic; font-size:.86rem; color:#e8e0cd; flex:1 1 200px;
}
.igeretfigyelo-sav .if-nyil{
  font-size:1.6rem; color:#39ff5a; margin-left:auto; text-shadow:0 0 8px rgba(57,255,90,.6);
}
@media(max-width:520px){ .igeretfigyelo-sav .if-alcim{ flex-basis:100%; } .igeretfigyelo-sav .if-nyil{ display:none; } }