/* ==========================================================================
   MerdMeg - Magyarorszag muszerfala
   Design tokenek a ProfitNaptarbol kinyerve (profitnaptar.hu, 2026-07):
   - Bettitipus: Manrope (Google Fonts), fejlecek weight 800, letter-spacing -0.01em
   - Sotet navy felulet: #0f1b2d alap, radial -> #1a2942 / #243463
   - Panel gradiens: linear-gradient(160deg,#0f1b2d,#1b2c50) + zold radial glow rgba(14,158,110,.12)
   - Pozitiv/zold akcentus: #0e9e6e ; arany akcentus: #d4af37
   - Vilagos tartalmi hatter: #fafaf7 ; sotet szoveg: #1a2433 ; halvany-sotet-hatteren: #9fb0c6
   - Sarokkerekites: pill 999px, kartya 16px, panel 18px
   - Arnyek: light 0 2px 10px rgba(26,41,66,.07) ; card 0 8px 24px rgba(0,0,0,.08)
   ========================================================================== */
:root{
  --pn-navy:#0f1b2d; --pn-navy-mid:#1a2942; --pn-navy-soft:#243463;
  --pn-green:#0e9e6e; --pn-green-soft:rgba(14,158,110,.12);
  --pn-gold:#d4af37;
  --pn-bg:#fafaf7; --pn-text:#1a2433; --pn-muted:#5c6b7f; --pn-muted-dark:#9fb0c6;
  --pn-border:#e7e4dc;
  --pn-radius-pill:999px; --pn-radius-card:16px; --pn-radius-panel:18px;
  --pn-shadow-card:0 8px 24px rgba(0,0,0,.08);
  --pn-shadow-soft:0 2px 10px rgba(26,41,66,.07);
  --pn-font:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --pn-down:#c0392b; --pn-neutral:#8a6d1f;
}

#muszerfal{background:var(--pn-bg);}
.mm-dash-wrap{max-width:1080px;margin:0 auto;padding:0 20px;font-family:var(--pn-font);color:var(--pn-text);}
.mm-dash-wrap *{box-sizing:border-box;}

/* ===== Fejlec ===== */
.pn-head{padding:8px 0 22px;}
.pn-title{font-family:var(--pn-font);font-size:2rem;font-weight:800;letter-spacing:-.01em;line-height:1.12;margin:0 0 8px;color:var(--pn-text);}
.pn-sub{font-size:1.02rem;line-height:1.5;color:var(--pn-muted);margin:0 0 14px;max-width:60ch;}
.pn-orszag{font-size:.92rem;color:var(--pn-muted);letter-spacing:.01em;}
.pn-orszag .pn-dot{color:var(--pn-border);margin:0 3px;}
.pn-updated{margin-top:6px;font-size:.9rem;color:var(--pn-muted);}
.pn-updated strong{color:var(--pn-text);font-weight:700;}

/* ===== Kartya ===== */
.pn-card{background:#fff;border:1px solid var(--pn-border);border-radius:var(--pn-radius-card);padding:22px 22px 18px;box-shadow:var(--pn-shadow-soft);display:flex;flex-direction:column;gap:10px;transition:box-shadow .18s,transform .18s;}
.pn-card:hover{box-shadow:var(--pn-shadow-card);}
.pn-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
.pn-card-nev{font-size:.98rem;font-weight:700;color:var(--pn-text);margin:0;line-height:1.25;}
.pn-num{font-size:2.9rem;font-weight:800;letter-spacing:-.02em;line-height:1;color:var(--pn-text);display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;}
.pn-num .pn-unit{font-size:1rem;font-weight:600;color:var(--pn-muted);letter-spacing:0;}
.pn-num .pn-calc{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--pn-muted);background:var(--pn-bg);border:1px solid var(--pn-border);border-radius:var(--pn-radius-pill);padding:3px 8px;align-self:center;}

/* Kiemelt (hero) kartyak nagyobb szammal */
.pn-card.is-hero{padding:26px 26px 20px;}
.pn-card.is-hero .pn-num{font-size:3.4rem;}

/* Iranyjel - szin + nyil + szoveg (soha nem csak szin) */
.pn-dir{display:flex;align-items:center;gap:7px;font-size:.9rem;font-weight:600;line-height:1.3;}
.pn-dir-arrow{font-size:.78rem;}
.pn-dir-up{color:var(--pn-green);}
.pn-dir-down{color:var(--pn-down);}
.pn-dir-neutral{color:var(--pn-neutral);}
.pn-dir-none{color:var(--pn-muted);}

.pn-human{font-size:.96rem;line-height:1.45;color:var(--pn-text);margin:0;}
.pn-neked{font-size:.9rem;line-height:1.45;color:var(--pn-muted);margin:0;background:var(--pn-bg);border-left:3px solid var(--pn-gold);border-radius:0 8px 8px 0;padding:9px 12px;}
.pn-neked-cimke{display:block;font-weight:700;font-size:.76rem;letter-spacing:.03em;text-transform:uppercase;color:var(--pn-text);margin-bottom:2px;}

.pn-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:.82rem;color:var(--pn-muted);margin-top:2px;}
.pn-vonatkozas{font-weight:600;color:var(--pn-text);}
.pn-stale{display:inline-flex;align-items:center;gap:4px;color:var(--pn-muted);font-style:italic;}
.pn-stale-ico{font-style:normal;}

.pn-forras{font-size:.8rem;color:var(--pn-muted);display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center;margin-top:auto;padding-top:6px;border-top:1px solid var(--pn-border);}
.pn-forras a{color:var(--pn-green);font-weight:700;text-decoration:none;}
.pn-forras a:hover{text-decoration:underline;}
.pn-kov{color:var(--pn-muted);}

/* Info gomb */
.pn-info{appearance:none;border:1px solid var(--pn-border);background:var(--pn-bg);color:var(--pn-muted);width:20px;height:20px;min-width:20px;border-radius:50%;font-size:.78rem;font-weight:700;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:border-color .15s,color .15s;}
.pn-info:hover{border-color:var(--pn-green);color:var(--pn-green);}
.pn-info:focus-visible{outline:2px solid var(--pn-gold);outline-offset:2px;}

/* ===== Elrendezes ===== */
.pn-hero-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;}
.pn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}

/* ===== Lablec ===== */
.pn-foot{margin-top:22px;padding:20px 0 8px;border-top:1px solid var(--pn-border);display:flex;flex-direction:column;gap:8px;font-size:.86rem;color:var(--pn-muted);line-height:1.5;}
.pn-foot-block strong{color:var(--pn-text);}
.pn-foot a{color:var(--pn-green);font-weight:600;text-decoration:none;}
.pn-foot a:hover{text-decoration:underline;}
.pn-foot-mod{font-size:.82rem;}
.pn-foot-brand{margin-top:4px;font-weight:700;color:var(--pn-text);letter-spacing:.01em;}

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

/* ===== Popover ===== */
.pn-pop{position:absolute;z-index:80;width:300px;max-width:calc(100vw - 24px);background:#fff;color:var(--pn-text);border:1px solid var(--pn-border);border-radius:12px;box-shadow:0 22px 50px -18px rgba(15,27,45,.45);padding:16px 18px 16px;font-size:.9rem;line-height:1.5;}
.pn-pop[hidden]{display:none;}
.pn-pop p{margin:0;padding-right:14px;}
.pn-pop-close{position:absolute;top:8px;right:10px;border:none;background:none;font-size:1.2rem;line-height:1;cursor:pointer;color:var(--pn-muted);padding:2px 4px;}
.pn-pop-close:focus-visible{outline:2px solid var(--pn-gold);outline-offset:2px;}
.pn-pop-backdrop{position:fixed;inset:0;background:rgba(15,27,45,.3);z-index:79;display:none;}

/* ===== Reszponziv ===== */
@media (max-width:900px){
  .pn-hero-row{grid-template-columns:1fr;}
  .pn-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:640px){
  .mm-dash-wrap{padding:0 16px;}
  .pn-grid{grid-template-columns:1fr;}
  .pn-title{font-size:1.6rem;}
  .pn-num{font-size:2.5rem;}
  .pn-card.is-hero .pn-num{font-size:2.9rem;}
  .pn-pop.is-sheet{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;max-width:100%;border-radius:16px 16px 0 0;padding:22px 20px 26px;}
  .pn-pop.is-sheet .pn-pop-close{top:12px;right:14px;font-size:1.5rem;}
  .pn-pop-backdrop.is-sheet{display:block;}
}

/* ===== Nyomtatas ===== */
@media print{
  #muszerfal{background:#fff;}
  .pn-card{box-shadow:none;border:1px solid #ccc;break-inside:avoid;}
  .pn-info{display:none;}
  .pn-hero-row,.pn-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
  .pn-neked{background:#f4f4f2;}
  .pn-forras a,.pn-foot a{color:#1a2433;text-decoration:underline;}
}

/* ==========================================================================
   FELSO (ALLANDO) BLOKK - "Magyarorszag muszerfala" felso panel
   A felhasznalo altal megadott dizajn alapjan.
   ========================================================================== */
.mf{
  --navy-deep:#1e2749; --navy:#26325e; --navy-soft:#2b3768; --bar:#3d4c86;
  --line:#44518a; --mint:#4ecfa0; --gold:#c9a227; --red:#fb7c72; --red-bar:#e05a52;
  --txt:#e8ecf7; --txt-2:#b8c2e0; --muted:#96a3cc; --faint:#7f8cba;
  max-width:1080px;margin:0 auto;border-radius:14px;overflow:hidden;color:var(--txt);
  font-family:var(--pn-font);
}
.mf *{box-sizing:border-box;}

.mf-fejlec{background:var(--navy-deep);padding:14px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;}
.mf-fejlec h1,.mf-fejlec h2{margin:0;font-size:18px;font-weight:700;letter-spacing:-0.01em;color:var(--txt);}
.mf-datum{text-align:right;}
.mf .cimke{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);display:block;line-height:1.5;}
.mf .cimke-faint{color:var(--faint);}

.mf-alap{background:var(--navy);padding:14px 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;border-bottom:1px solid var(--line);}
.mf .alap-ertek{font-size:20px;font-weight:700;line-height:1.35;margin-top:1px;color:var(--txt);}
.mf .alap-ertek span{font-size:13px;font-weight:400;color:var(--txt-2);}

.mf-modul{background:var(--navy);padding:22px;display:grid;grid-template-columns:1fr minmax(0,1.7fr) 1fr;gap:16px;align-items:center;}
.mf .oldal-ertek{font-size:clamp(19px,2.4vw,25px);font-weight:700;line-height:1.3;margin-top:2px;color:var(--txt);}
.mf .oldal-alsor{font-size:11px;color:var(--faint);margin-top:3px;}
.mf .jobb{text-align:right;}
.mf .kozep{text-align:center;}
.mf .kozep .cimke{color:var(--txt-2);}
.mf .marad{font-size:clamp(40px,7.4vw,66px);font-weight:700;color:var(--red);line-height:1.05;letter-spacing:-0.02em;margin-top:2px;font-variant-numeric:tabular-nums;}
.mf .marad span{font-size:.4em;font-weight:400;color:var(--txt-2);}
.mf .kozep-alsor{font-size:13px;color:var(--txt-2);margin-top:7px;}
.mf .kozep-alsor b{font-weight:700;color:var(--red);}

.mf-kieg{background:var(--navy-soft);padding:10px 22px;display:flex;flex-wrap:wrap;gap:6px 20px;justify-content:center;font-size:12px;color:var(--txt-2);border-top:1px solid var(--line);}
.mf-kieg em{font-style:normal;color:var(--faint);}

.mf-graf{background:var(--navy);padding:18px 22px 20px;}
.mf .graf-fej{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;}
.mf .kiolvaso{font-size:13px;color:var(--txt-2);font-variant-numeric:tabular-nums;white-space:nowrap;}
.mf .kiolvaso b{font-weight:700;}
.mf .oszlopok{position:relative;height:150px;display:flex;gap:4px;align-items:stretch;}
.mf .nullvonal{position:absolute;left:0;right:0;height:1px;background:var(--line);pointer-events:none;}
.mf .nullcimke{position:absolute;right:0;font-size:10px;color:var(--faint);transform:translateY(-14px);}
.mf .oszlop{position:relative;flex:1;height:100%;cursor:default;outline:none;}
.mf .rud{position:absolute;left:0;right:0;background:var(--red-bar);border-radius:2px 2px 0 0;transition:opacity .12s;}
.mf .rud.pozitiv{background:var(--mint);border-radius:2px 2px 0 0;}
.mf .rud.kiemelt{background:var(--gold);}
.mf .oszlop:hover .rud,.mf .oszlop:focus-visible .rud{opacity:.75;}
.mf .oszlop:focus-visible{box-shadow:0 0 0 2px var(--mint);border-radius:3px;}
.mf .rud.utolso{outline:1px solid rgba(232,236,247,.45);outline-offset:0;}
.mf .evek{display:flex;gap:4px;margin-top:7px;}
.mf .ev-cella{flex:1;font-size:10px;color:var(--faint);text-align:center;visibility:hidden;white-space:nowrap;}
.mf .ev-cella.jelolt{visibility:visible;}
.mf .labjegyzet{font-size:11px;color:var(--faint);line-height:1.6;margin:14px 0 0;}
.mf .labjegyzet .pont{color:var(--gold);}

.mf-lab{background:var(--navy-deep);padding:11px 22px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--faint);}
.mf-lab a{color:var(--muted);text-decoration:none;border-bottom:1px solid var(--line);}
.mf-lab a:hover{color:var(--txt-2);}

/* ==========================================================================
   LEGORDULO (accordion) - reszletes mutatok
   ========================================================================== */
.mf-reszletek{max-width:1080px;margin:16px auto 0;}
.mf-toggle{width:100%;appearance:none;cursor:pointer;font-family:var(--pn-font);
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  background:#fff;border:1px solid var(--pn-border);border-radius:14px;
  padding:16px 20px;font-size:1.02rem;font-weight:700;color:var(--pn-text);
  box-shadow:var(--pn-shadow-soft);transition:border-color .15s,box-shadow .15s;}
.mf-toggle:hover{border-color:#d7cdbb;box-shadow:var(--pn-shadow-card);}
.mf-toggle:focus-visible{outline:2px solid var(--pn-gold);outline-offset:2px;}
.mf-toggle-l{display:flex;flex-direction:column;gap:2px;text-align:left;}
.mf-toggle-sub{font-size:.82rem;font-weight:400;color:var(--pn-muted);}
.mf-toggle-ikon{font-size:1.1rem;color:var(--pn-green);transition:transform .2s;flex-shrink:0;}
.mf-toggle[aria-expanded="true"] .mf-toggle-ikon{transform:rotate(180deg);}
.mf-panel{overflow:hidden;}
.mf-panel[hidden]{display:none;}
.mf-panel-inner{padding-top:16px;}

@media (max-width:680px){
  .mf-fejlec{padding:13px 16px;}
  .mf-fejlec h1,.mf-fejlec h2{font-size:16px;}
  .mf-alap{padding:13px 16px;grid-template-columns:repeat(3,1fr);gap:8px;}
  .mf .alap-ertek{font-size:15px;}
  .mf .alap-ertek span{font-size:11px;}
  .mf-modul{grid-template-columns:1fr 1fr;padding:18px 16px 20px;gap:14px 12px;}
  .mf .kozep{grid-column:1/-1;order:-1;padding-bottom:4px;border-bottom:1px solid var(--line);}
  .mf .oldal-ertek{font-size:19px;}
  .mf-kieg{padding:10px 16px;justify-content:flex-start;font-size:11px;gap:4px 14px;}
  .mf-graf{padding:16px 16px 18px;}
  .mf .graf-fej{flex-direction:column;gap:4px;align-items:flex-start;}
  .mf .oszlopok{height:118px;gap:2px;}
  .mf .evek{gap:2px;}
  .mf .ev-cella.jelolt{visibility:hidden;}
  .mf .ev-cella.jelolt-mobil{visibility:visible;}
  .mf-lab{padding:11px 16px;}
}
@media print{
  .mf-toggle{display:none;}
  .mf-panel[hidden]{display:block !important;}
}