*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:17px/1.65 system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#1c3040;background:#f4f7f9}a{color:#155c85}a:hover{text-decoration:underline}.site-header{background:#12364e;color:white;border-bottom:4px solid #438cc4}.head-wrap{max-width:1140px;margin:auto;padding:22px 24px}.brand{display:flex;align-items:center;gap:14px;color:white;text-decoration:none;font-weight:800;font-size:1.25rem}.mark{background:#216ea8;color:#12364e;border-radius:12px;padding:8px 12px;font-weight:900}.tagline{font-size:.8rem;font-weight:500;color:#d8e6ed}.nav{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.nav a{padding:9px 13px;color:#eef5f9;text-decoration:none;border-radius:9px;font-size:.93rem}.nav a:hover,.nav a.active{background:#28536c;color:white}main{max-width:1140px;margin:auto;padding:38px 24px 65px;min-height:60vh}.hero{background:linear-gradient(120deg,#153e59,#24607b);color:white;padding:clamp(28px,6vw,72px);border-radius:22px;box-shadow:0 12px 35px #12364e18}.hero h1{color:white;font-size:clamp(2.15rem,6vw,4.2rem);line-height:1.1;max-width:850px;margin:14px 0 20px}.hero p{max-width:720px;color:#e6f0f4;font-size:1.1rem}.eyebrow{letter-spacing:.12em;text-transform:uppercase;font-size:.82rem;font-weight:800;color:#c9e6ff}.hero .eyebrow{color:#c9e6ff}h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.2;color:#153e59}h2{font-size:1.45rem;color:#153e59;line-height:1.3}h3{color:#153e59}.lead{font-size:1.15rem;color:#455e6e;max-width:820px}.panel{background:white;border:1px solid #e0e8ed;border-radius:18px;padding:clamp(22px,4vw,38px);margin:24px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:25px 0}.tile{background:white;border:1px solid #dde8ee;border-radius:16px;padding:26px}.tile h2,.tile h3{margin-top:0}.tile p{color:#4a6270}.btn{display:inline-block;padding:12px 20px;border-radius:10px;background:#216ea8;color:#ffffff;text-decoration:none;font-weight:800;margin:8px 10px 8px 0}.btn.alt{background:#e5eff4;color:#153e59}.facts{display:grid;grid-template-columns:minmax(160px,1fr) 2fr;gap:12px 22px}.facts dt{font-weight:750}.facts dd{margin:0}.muted{color:#526b79}.notice{border-left:4px solid #4c9ed7;background:#eff7ff;padding:18px 22px;border-radius:6px}.site-footer{background:#102d41;color:#dce8ef;padding:32px 24px;text-align:center}.site-footer a{color:#dce8ef;margin:0 8px}.footlinks{margin-bottom:15px}.site-footer p{margin:6px 0}.pill{display:inline-block;background:#e7f0f5;color:#20536c;border-radius:100px;padding:5px 12px;font-weight:750;font-size:.84rem}@media(max-width:620px){.head-wrap{padding:18px}.nav{gap:4px}.nav a{padding:8px 9px;font-size:.88rem}main{padding:24px 17px 48px}.facts{grid-template-columns:1fr}.facts dd{margin-bottom:9px}.hero{border-radius:16px}}
.brand{font-size:1.55rem;letter-spacing:.01em}.btn:hover{background:#155a91;color:white}.hero .eyebrow{color:#c9e6ff}

.hero-art{margin:-15px -15px 24px;overflow:hidden;border-radius:12px}.hero-art img{display:block;width:100%;height:auto}.hero-flags{display:flex;gap:14px;margin:0 0 16px}.hero-flags img{width:72px;height:44px;object-fit:cover;border:2px solid #eaf4ff;border-radius:5px;box-shadow:0 2px 8px #0003}@media(min-width:700px){.hero-art{margin:-35px -35px 25px}}

/* Kék-fehér arculat; a rövidítés magyar trikolór, felülről lefelé */
.brand{gap:0;white-space:nowrap}.eszm-mark{display:inline-block;margin-right:.3em;background:linear-gradient(to bottom,#e33a45 0%,#e33a45 33.333%,#ffffff 33.333%,#ffffff 66.666%,#32ad63 66.666%,#32ad63 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-weight:900;filter:drop-shadow(0 1px 0 #ffffff24)}
.notice{border-left-color:#4c9ed7}

/* A teljes ESZM Párt felirat három azonos magasságú magyar színsávval */
.brand{background:linear-gradient(to bottom,#e33a45 0%,#e33a45 33.333%,#fff 33.333%,#fff 66.666%,#32ad63 66.666%,#32ad63 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;display:inline-flex;filter:drop-shadow(0 1px 1px #071d2e)}
.brand .eszm-mark{background:none;color:inherit;-webkit-text-fill-color:inherit;filter:none}

/* Trikolór: egyforma 1/3 színsávok a betűk tényleges magasságán, nem a magas sorközön. */
.brand{background:none!important;-webkit-text-fill-color:initial!important;color:#fff!important;filter:none!important;display:inline-flex;align-items:center;line-height:1.05}
.brand .eszm-mark,.brand .brand-rest,.hero .tricolor-title-line{background-image:linear-gradient(to bottom,#e33a45 0 33.333333%,#fff 33.333333% 66.666667%,#32ad63 66.666667% 100%)!important;background-size:100% .78em!important;background-position:center center!important;background-repeat:no-repeat!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;filter:drop-shadow(0 1px 1px #071d2e)}
.brand .eszm-mark{margin-right:.28em}
.hero .tricolor-title-line{display:block;line-height:1.14;overflow:visible;max-width:100%;background-size:100% .76em!important}
.hero h1.tricolor-title{color:white}

/* Javítás: a g/y betűk lelógó részei is látszanak, a színek egyenlő sávok. */
.hero .tricolor-title-line{line-height:1.28!important;padding-bottom:.12em!important;background-size:100% 100%!important;background-position:center!important;overflow:visible!important}
.brand .eszm-mark,.brand .brand-rest{line-height:1.25!important;padding-bottom:.08em!important;background-size:100% 100%!important;background-position:center!important}

/* ESZM hivatalos logó és közlemény */
.brand{display:inline-flex!important;align-items:center;gap:.16em;flex-wrap:wrap}
.header-logo{width:64px;height:64px;object-fit:contain;flex:none;filter:drop-shadow(0 1px 2px #09243b)}
.news-layout{display:flex;align-items:flex-start;gap:24px;flex-wrap:wrap}
.news-layout>div{flex:1 1 280px;min-width:0}
.news-logo{width:min(240px,100%);height:auto;object-fit:contain;background:#080808;border-radius:12px;flex:0 1 240px}
.news-article h2{margin-top:1.2em}.news-article h3{margin-top:1.1em}.news-article p{line-height:1.7}
@media(max-width:600px){.header-logo{width:48px;height:48px}.news-logo{width:160px}}

/* 2026-10-20: Egységes trikolór és 150%-os logóméret. */
.brand .eszm-mark,.brand .brand-rest,.hero .tricolor-title-line{
  background-image:linear-gradient(to bottom,#e33a45 0%,#e33a45 33.333333%,#fff 33.333333%,#fff 66.666667%,#32ad63 66.666667%,#32ad63 100%)!important;
  background-size:100% 100%!important;
  background-position:0 0!important;
  background-repeat:no-repeat!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important;
  box-decoration-break:clone;-webkit-box-decoration-break:clone;
}
.brand .eszm-mark,.brand .brand-rest{line-height:1.1!important;padding:0!important}
.hero .tricolor-title-line{line-height:1.18!important;padding:0!important;overflow-wrap:anywhere}
.header-logo{width:96px!important;height:96px!important}
.news-logo{width:min(360px,100%)!important;flex-basis:360px!important}
@media(max-width:600px){.header-logo{width:72px!important;height:72px!important}.news-logo{width:240px!important;flex-basis:240px!important}}

/* 2026-10-20: a főcím betűinek látható piros részét növeljük.
   A betűk felső belső üres területe miatt a korábbi 1/3-os
   háttérgradiens optikailag túl kevés pirosat mutatott. */
.hero .tricolor-title-line{
  background-image:linear-gradient(to bottom,
    #e33a45 0%, #e33a45 43%,
    #fff 43%, #fff 71%,
    #32ad63 71%, #32ad63 100%)!important;
  background-size:100% 100%!important;
  background-position:center center!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  line-height:1.24!important;padding-bottom:.08em!important;overflow:visible!important;
}

/* Végső főoldali trikolór-javítás: a látható betűkön a piros sáv erősebb. */
.hero .tricolor-title-line {
 background-image:linear-gradient(to bottom,#e33a45 0%,#e33a45 49%,#fff 49%,#fff 75%,#32ad63 75%,#32ad63 100%)!important;
 background-size:100% 100%!important; background-position:center!important;
 -webkit-background-clip:text!important;background-clip:text!important;
 -webkit-text-fill-color:transparent!important; color:transparent!important;
}

/* 2026-10-20: a színezést a betűk tényleges magasságára igazítjuk,
   nem a teljes (üres részeket is tartalmazó) sor magasságára. */
.hero .tricolor-title-line {
  background-image:linear-gradient(to bottom,
    #e33a45 0%,#e33a45 33.333%,
    #ffffff 33.333%,#ffffff 66.666%,
    #32ad63 66.666%,#32ad63 100%)!important;
  background-size:100% .72em!important;
  background-position:center 53%!important;
  background-repeat:no-repeat!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  line-height:1.16!important;
  padding:0!important;
}