/*
 * Okoshír dizájnrendszer, az app (OH_flutter_app) értékei alapján.
 * Fejléc, lábléc, főoldal, app-ajánlás. A cikkoldal: article.css.
 * A régi main.css tokenjeit is az app színeire állítjuk, így a többi oldal
 * (rovat, keresés, szerző) is egységesebb, amíg azok is sorra kerülnek.
 */
:root{
  --okh-w:1440px;--okh-primary:#CC1C2C;--okh-primary-t:#CC1C2C;--okh-bg:#F8F6F4;--okh-card:#FFFFFF;--okh-btn:#EFEAE6;--okh-text:#1A1112;--okh-soft:#6F6767;--okh-line:#E4DEDA;--okh-link:#1E63D6;
  --okh-head:#CC1C2C;--okh-head-2:#B51826;--okh-head-fg:#FFFFFF;--okh-logo:#140B0C;
  --k-fact:#43A047;--k-framing:#FF8F00;--k-bias:#CC1C2C;--k-source:#1E88E5;--k-gap:#7E57C2;--k-other:#757575;
  --okh-f:'Libre Franklin',system-ui,-apple-system,'Segoe UI',sans-serif;--okh-shadow:0 1px 2px #0000000f,0 4px 14px #0000000d;
  /* the old theme tokens, aligned */
  --bg:var(--okh-bg);--surface:var(--okh-card);--text:var(--okh-text);--text-soft:var(--okh-soft);--red:var(--okh-primary);--line:var(--okh-line)}
[data-theme="dark"]{
  --okh-primary-t:#FF6B73;--okh-bg:#1A1112;--okh-card:#251D1D;--okh-btn:#302727;--okh-text:#F4EFEF;--okh-soft:#A99F9F;--okh-line:#3A2F2F;--okh-link:#5EA0FF;
  --okh-head:#1A1112;--okh-head-2:#251D1D;--okh-head-fg:#F4EFEF;--okh-logo:#FF3B4A;--okh-shadow:none;--k-bias:#FF5A64;--k-other:#A99F9F}

body{background:var(--okh-bg);color:var(--okh-text);font-family:var(--okh-f)}
.okh-head svg,.okh-home svg,.okh-foot svg,.okh-appbar svg,.okh-qrpop svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.okh-skip{position:absolute;left:-9999px;top:8px;z-index:200;background:#fff;color:#000;padding:8px 14px;border-radius:8px}
.okh-skip:focus{left:8px}
@media (max-width:999px){.okh-only-d{display:none !important}}
@media (min-width:1000px){.okh-only-m{display:none !important}}

/* ---------------- header ---------------- */
.okh-head{position:sticky;top:0;z-index:50;background:var(--okh-head);color:var(--okh-head-fg);transition:box-shadow .2s}
.okh-head.scrolled{box-shadow:0 2px 14px #0000002e}
body.single .okh-head{position:relative}
.okh-head-in{max-width:var(--okh-w);margin:0 auto;padding:0 12px 0 16px;height:58px;display:flex;align-items:center;gap:6px}
.okh-logo{font:800 28px/1 var(--okh-f);letter-spacing:-1.4px;color:var(--okh-logo) !important;text-decoration:none;margin-right:auto}
.okh-hb{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:none;border:0;color:inherit;cursor:pointer}
.okh-hb:hover{background:#ffffff1f}
.okh-hb:focus-visible,.okh-hpill:focus-visible,.okh-nav a:focus-visible{outline:2px solid #fff;outline-offset:2px}
[data-theme="dark"] .okh-hb:focus-visible{outline-color:var(--okh-primary)}
#theme-toggle .sun{display:none}
[data-theme="dark"] #theme-toggle .sun{display:block}
[data-theme="dark"] #theme-toggle .moon{display:none}
.okh-head-act{display:flex;align-items:center;gap:2px}
#menu-toggle{order:5}
.okh-hpill{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:99px;border:1px solid #ffffff73;color:#fff !important;font:600 13.5px var(--okh-f);text-decoration:none;margin-left:6px}
.okh-hpill svg{width:16px;height:16px}
.okh-hpill--red{background:#fff;color:var(--okh-primary) !important;border-color:#fff}
[data-theme="dark"] .okh-hpill{border-color:var(--okh-line)}
[data-theme="dark"] .okh-hpill--red{background:var(--okh-primary);color:#fff !important;border-color:var(--okh-primary)}
.okh-nav ul{list-style:none;margin:0;padding:0;display:flex}
.okh-nav{margin:0 auto}
.okh-nav ul{gap:2px}
.okh-nav a{display:block;padding:8px 11px;border-radius:8px;color:#fff;font:600 14px var(--okh-f);text-decoration:none;white-space:nowrap}
[data-theme="dark"] .okh-nav a{color:var(--okh-text)}
.okh-nav a:hover,.okh-nav .current-menu-item>a,.okh-nav .current-cat>a{background:#ffffff26}
[data-theme="dark"] .okh-nav a:hover,[data-theme="dark"] .okh-nav .current-menu-item>a{background:var(--okh-btn)}
.okh-qrpop{position:absolute;right:max(16px,calc(50% - var(--okh-w) / 2 + 16px));top:62px;z-index:60;background:var(--okh-card);color:var(--okh-text);border:1px solid var(--okh-line);border-radius:14px;padding:14px;box-shadow:0 16px 40px #0000003d;width:330px}
.okh-qrpop[hidden]{display:none}
/* old header pieces the plugin or other templates might still emit */
.site-header,.ticker-bar{display:none !important}

/* ---------------- shared bits ---------------- */
.okh-sec{display:flex;align-items:center;gap:12px;font:700 13px var(--okh-f);letter-spacing:.16em;text-transform:uppercase;color:var(--okh-soft);margin:0}
.okh-sec:before{content:"";width:4px;height:22px;border-radius:2px;background:var(--okh-primary)}
.okh-sec-row{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px}
.okh-sec-all,.okh-more{font:600 13.5px var(--okh-f);color:var(--okh-primary-t) !important;text-decoration:none}
.okh-box{background:var(--okh-card);border:1px solid var(--okh-line);border-radius:12px;padding:16px;box-shadow:var(--okh-shadow)}
.okh-box h4{display:flex;justify-content:space-between;align-items:center;font:700 11.5px var(--okh-f);letter-spacing:.14em;text-transform:uppercase;color:var(--okh-soft);margin:0 0 12px}
.okh-box h4 a{letter-spacing:0;text-transform:none;font-weight:600;color:var(--okh-primary-t);text-decoration:none}

/* ---------------- homepage ---------------- */
.okh-home{padding-bottom:32px}
.okh-hero-band{background:var(--okh-head);color:#fff;padding:20px 0 16px}
[data-theme="dark"] .okh-hero-band{background:#251D1D}
.okh-slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;max-width:var(--okh-w);margin:0 auto}
.okh-slides::-webkit-scrollbar{display:none}
.okh-slide{flex:0 0 100%;scroll-snap-align:start;padding:0 20px;color:#fff !important;text-decoration:none;display:grid;gap:24px;align-items:center}
.okh-kick{display:flex;align-items:center;gap:10px;font:700 12.5px var(--okh-f);letter-spacing:.2em;text-transform:uppercase;opacity:.95}
.okh-kick:before{content:"";width:3px;height:16px;background:#fff;border-radius:2px}
.okh-slide-h{display:block;font:800 31px/1.08 var(--okh-f);letter-spacing:-1px;margin:12px 0 10px}
.okh-slide-m{font-size:13px;opacity:.85}
/* kivonat: csak kézzel írt (has_excerpt); mobilon a kis kártyán nem, ott marad az app-kártya */
.okh-slide-ex,.okh-card-ex{display:block}
.okh-slide-ex{font:400 15px/1.45 var(--okh-f);opacity:.92;margin:0 0 12px}
.okh-card-ex{font:400 14.5px/1.45 var(--okh-f);color:var(--okh-soft);margin-top:6px}
.okh-card:not(.okh-card--big) .okh-card-ex{display:none}
@media (min-width:1000px){
  .okh-slide-ex{font-size:18px;max-width:560px}
  .okh-list .okh-card:not(.okh-card--big) .okh-card-ex{display:block;font-size:14px;margin:6px 0 10px}
}
.okh-slide-im{display:none}
.okh-dots{display:flex;justify-content:center;gap:7px;margin-top:16px}
.okh-dots button{width:8px;height:8px;border-radius:99px;border:0;padding:0;background:#ffffff73;cursor:pointer;transition:width .2s}
.okh-dots button.on{width:26px;background:#fff}
.okh-home-grid{max-width:var(--okh-w);margin:0 auto;padding:22px 16px 0}
.okh-home-rail{display:flex;flex-direction:column;gap:14px;margin-top:28px}
.okh-tabs{display:flex;gap:16px}
.okh-tabs button{background:none;border:0;padding:4px 0;font:600 18px var(--okh-f);color:var(--okh-soft);cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.okh-tabs button[aria-selected="true"]{color:var(--okh-primary-t)}
.okh-newc{font:700 11px var(--okh-f);background:var(--okh-primary);color:#fff;border-radius:99px;padding:1px 7px}
.okh-newc:empty{display:none}
.okh-neked-note{margin:0 0 12px;padding:12px 14px;border-radius:12px;background:var(--okh-card);border:1px dashed var(--okh-line);color:var(--okh-soft);font-size:14px}
.okh-list,.okh-catgrid{display:flex;flex-direction:column;gap:12px}
.okh-card{display:flex;min-height:112px;background:var(--okh-card);border-radius:12px;overflow:hidden;box-shadow:var(--okh-shadow);border:1px solid var(--okh-line);text-decoration:none;color:var(--okh-text) !important;transition:transform .15s,opacity .2s}
.okh-card:hover{transform:translateY(-1px)}
.okh-card:focus-visible{outline:2px solid var(--okh-primary);outline-offset:2px}
.okh-card-t{flex:1;min-width:0;padding:14px 16px;display:flex;flex-direction:column;justify-content:space-between;gap:10px}
.okh-card-h{display:block;margin:0;font:600 17px/1.28 var(--okh-f);letter-spacing:-.2px;color:inherit}
.okh-card-m{display:flex;gap:14px;align-items:center;font-size:13px;color:var(--okh-soft)}
.okh-card-m>span,.okh-card-m>time{display:inline-flex;gap:5px;align-items:center;white-space:nowrap}
.okh-card-m svg{width:15px;height:15px}
.okh-hits{color:var(--okh-primary-t);font-weight:700}
.okh-hits svg{fill:currentColor;stroke:none}
.okh-card-im{flex:0 0 34%;max-width:210px;position:relative;background:var(--okh-btn)}
.okh-card-im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%}
.okh-card[hidden]{display:none}
.okh-card--big{flex-direction:column-reverse}
.okh-card--big .okh-card-im{flex:none;max-width:none;aspect-ratio:16/9}
.okh-card--big .okh-card-h{font-size:21px;font-weight:700}
.okh-more{display:block;text-align:center;margin:16px 0 0;padding:12px;border:1px solid var(--okh-line);border-radius:12px}
.okh-catsec{margin-top:34px}
.okh-op h4 span{font:800 19px var(--okh-f);letter-spacing:-.5px;text-transform:none;color:var(--okh-text)}
.okh-op h4 em{font-style:normal;color:#1F8A5B}
.okh-op-i{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--okh-line);text-decoration:none;color:var(--okh-text)}
.okh-op-i:first-of-type{border-top:0;padding-top:0}
.okh-op-av{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.okh-op-i b{display:block;font:600 14.5px/1.3 var(--okh-f)}
.okh-op-i small{color:var(--okh-soft);font-size:12.5px}

@media (min-width:1000px){
  .okh-hero-band{padding:32px 0 20px}
  .okh-slide{grid-template-columns:1.15fr .85fr;padding:0 28px}
  .okh-slide-h{font-size:46px;letter-spacing:-1.6px}
  .okh-slide-im{display:block;aspect-ratio:3/2;border-radius:14px;overflow:hidden;background:#0003}
  .okh-slide-im img{width:100%;height:100%;object-fit:cover;object-position:center 25%}
  .okh-home-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;padding:32px 28px 0}
  .okh-home-rail{margin-top:0}
  .okh-yt{position:sticky;top:76px}
  .okh-catgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .okh-catgrid .okh-card--big{grid-row:span 3}
}

/* ---------------- app promotion ---------------- */
.okh-appbox{display:flex;gap:14px;align-items:center}
.okh-appbox img{width:96px;height:96px;border-radius:8px;background:#fff;padding:4px;flex:0 0 auto}
.okh-appbox b{display:block;font:700 15px var(--okh-f);margin-bottom:4px}
.okh-appbox span{display:block;font-size:13px;color:var(--okh-soft);line-height:1.4}
.okh-appbox-st{margin-top:6px}
.okh-appbox-st a{color:var(--okh-primary-t);font-weight:600;text-decoration:none}
.okh-appbar{position:fixed;left:10px;right:10px;bottom:10px;z-index:90;display:flex;align-items:center;gap:12px;background:var(--okh-card);color:var(--okh-text);border:1px solid var(--okh-line);border-radius:16px;padding:10px 10px 10px 12px;box-shadow:0 12px 34px #00000040}
.okh-appbar[hidden]{display:none}
.okh-appbar-ic{width:40px;height:40px;border-radius:10px;background:var(--okh-primary);color:#fff;display:grid;place-items:center;font:800 22px var(--okh-f);flex:0 0 auto}
.okh-appbar-t{flex:1;min-width:0;font-size:12.5px;color:var(--okh-soft);line-height:1.35}
.okh-appbar-t b{display:block;color:var(--okh-text);font-size:14px}
.okh-appbar-go{background:var(--okh-primary);color:#fff !important;font:700 13.5px var(--okh-f);padding:9px 14px;border-radius:99px;text-decoration:none;white-space:nowrap}
.okh-appbar-x{background:none;border:0;color:var(--okh-soft);font-size:22px;padding:0 4px;cursor:pointer}

/* ---------------- footer ---------------- */
.site-footer{display:none !important}
.okh-foot{background:#140B0C;color:#D9D0D0;margin-top:40px}
.okh-foot-in{max-width:var(--okh-w);margin:0 auto;padding:36px 20px 20px;display:grid;gap:28px}
.okh-foot .okh-logo{color:#FF3B4A !important;font-size:30px}
.okh-foot-brand p{font-size:14px;line-height:1.55;color:#B8AEAE;margin:12px 0 18px;max-width:380px}
.okh-foot .okh-appbox{background:#251D1D;border-radius:12px;padding:12px;max-width:380px}
.okh-foot .okh-appbox b{color:#fff}
.okh-foot .okh-appbox span{color:#B8AEAE}
.okh-foot-app{display:inline-block;color:#fff !important;background:var(--okh-primary);padding:10px 16px;border-radius:99px;font-weight:700;font-size:14px;text-decoration:none}
.okh-foot-col h4{font:700 11.5px var(--okh-f);letter-spacing:.16em;text-transform:uppercase;color:#8E8383;margin:0 0 12px}
.okh-foot-col ul{list-style:none;margin:0;padding:0}
.okh-foot-col li{margin:0 0 9px}
.okh-foot-col a{color:#E9E2E2;text-decoration:none;font-size:14.5px}
.okh-foot-col a:hover{color:#fff;text-decoration:underline}
.okh-foot-copy{max-width:var(--okh-w);margin:0 auto;padding:16px 20px 28px;text-align:center;border-top:1px solid #2E2425;font-size:12.5px;color:#8E8383}
@media (min-width:1000px){.okh-foot-in{grid-template-columns:1.4fr 1fr 1fr 1fr;padding:48px 28px 28px}}

/* the old article page added a padded, tinted page background; the new one sits on the shared background */
body.single-post,body.single,[data-theme="dark"] body.single-post,[data-theme="dark"] body.single{padding-top:0;padding-bottom:0;background:var(--okh-bg)}

/* ---------------- listings: category, tag, search, author, 404 ---------------- */
.okh-listing,.okh-page{max-width:var(--okh-w);margin:0 auto;padding:28px 16px 40px}
.okh-lhead{margin:0 0 22px}
.okh-lkick{font:700 12px var(--okh-f);letter-spacing:.18em;text-transform:uppercase;color:var(--okh-primary-t);margin:0 0 6px;display:flex;align-items:center;gap:10px}
.okh-lkick:before{content:"";width:3px;height:14px;border-radius:2px;background:var(--okh-primary)}
.okh-lhead h1{font:800 32px/1.1 var(--okh-f);letter-spacing:-1px;margin:0;color:var(--okh-text)}
.okh-ldesc{color:var(--okh-soft);font-size:15.5px;line-height:1.55;margin:10px 0 0;max-width:680px}
.okh-ldesc p{margin:0}
.okh-lmeta{font:600 13px var(--okh-f);color:var(--okh-soft);margin:8px 0 0}
.okh-lhead--author{display:flex;gap:18px;align-items:center}
.okh-lav{width:88px;height:88px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.okh-lhead--404 h1{font-size:30px}
.okh-empty{padding:16px;border-radius:12px;background:var(--okh-card);border:1px dashed var(--okh-line);color:var(--okh-soft)}
.okh-sec--gap{margin:28px 0 14px}
.okh-sform{display:flex;align-items:center;gap:8px;max-width:680px;margin:12px 0 0;background:var(--okh-card);border:1px solid var(--okh-line);border-radius:14px;padding:6px 6px 6px 14px;box-shadow:var(--okh-shadow)}
.okh-sform svg{width:20px;height:20px;fill:none;stroke:var(--okh-soft);stroke-width:2;stroke-linecap:round;flex:0 0 auto}
.okh-sform input{flex:1;min-width:0;border:0;background:none;font:16px var(--okh-f);color:var(--okh-text);padding:10px 4px;outline:none}
.okh-sform button{border:0;border-radius:10px;background:var(--okh-primary);color:#fff;font:700 14px var(--okh-f);padding:11px 18px;cursor:pointer}
.okh-pag{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:24px 0 0}
.okh-pag a,.okh-pag span{min-width:42px;height:42px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--okh-line);background:var(--okh-card);color:var(--okh-text);font:600 14px var(--okh-f);text-decoration:none}
.okh-pag .current{background:var(--okh-primary);border-color:var(--okh-primary);color:#fff}
.okh-pag .dots{border:0;background:none}
@media (min-width:1000px){
  .okh-listing,.okh-page{padding:40px 28px 56px}
  .okh-lhead h1{font-size:42px}
}

/* ---------------- static pages ---------------- */
.okh-page{max-width:760px}
.okh-page-im{margin:0 0 22px;border-radius:14px;overflow:hidden}
.okh-page-im img{width:100%;height:auto;display:block}
.okh-prose{font-size:17px;line-height:1.7;color:var(--okh-text)}
.okh-prose h2,.okh-prose h3,.okh-prose h4{font-family:var(--okh-f);font-weight:700;line-height:1.3;margin:28px 0 8px;color:var(--okh-text)}
.okh-prose h2{font-size:24px}.okh-prose h3{font-size:20px}.okh-prose h4{font-size:17px}
.okh-prose p,.okh-prose ul,.okh-prose ol{margin:0 0 16px}
.okh-prose a{color:var(--okh-link);font-weight:600}
.okh-prose img{max-width:100%;height:auto;border-radius:10px}
.okh-prose blockquote{margin:20px 0;padding:12px 18px;border-left:4px solid var(--okh-primary);background:color-mix(in srgb,var(--okh-primary) 6%,transparent);border-radius:8px}
/* self-designed pages bring their own layout; their built-in demo light/dark switch duplicates the header's */
.okh-page-raw{display:block}
.okh-page-raw .okh-demo,.okh-page-raw .okh-demo-cb{display:none !important}

/* old overlays (search, mobile menu) keep their behaviour; just the app's font and colours */
.search-overlay,.search-overlay *,.mobile-drawer,.mobile-drawer *{font-family:var(--okh-f) !important}
.mobile-drawer{background:var(--okh-card);color:var(--okh-text)}
/* fejléc = az oldal fejléce: ugyanaz a háttér és logószín, sima X ikon */
.mobile-drawer-head{background:var(--okh-head) !important;height:58px;padding:env(safe-area-inset-top) 6px 0 16px !important;box-sizing:content-box}
.mobile-drawer-head .okh-logo{color:var(--okh-logo) !important}
.mobile-drawer-close{width:44px !important;height:44px !important;border:0 !important;border-radius:50% !important;color:#fff !important}
.mobile-drawer-close:active{background:#ffffff1f !important}
.mobile-drawer-close svg{width:22px !important;height:22px !important;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.mobile-drawer-nav a{color:var(--okh-text) !important;text-transform:none !important;letter-spacing:0 !important;font-weight:600 !important;font-size:16px !important;padding:14px 20px !important;border-color:var(--okh-line) !important}
.mobile-drawer-nav a:active{background:var(--okh-btn)}
/* további linkek: sima sorok, csak a Támogatás gomb */
.mobile-drawer-extra{padding:8px 0 calc(24px + env(safe-area-inset-bottom)) !important;gap:0 !important;margin-top:8px !important}
.mobile-drawer-link{text-align:left !important;padding:12px 20px !important;border:0 !important;border-radius:0 !important;color:var(--okh-soft) !important;font-size:15px !important;font-weight:500 !important}
.mobile-drawer-link--accent{margin:14px 20px 0;padding:13px 18px !important;border-radius:12px !important;background:var(--okh-primary) !important;color:#fff !important;text-align:center !important;font-weight:700 !important}
.okh-head .okh-logo,.mobile-drawer .okh-logo{font-family:var(--okh-f) !important}
/* those pages open with an empty decorative black bar that matched the old badge strip; under the new header it looks like a gap */
body.page [class*="__bar"][aria-hidden="true"]:empty{display:none}
/* cards and search icons on every page, not just the homepage */
.okh-card svg,.okh-listing svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.okh-card .okh-card-m svg{width:15px;height:15px}
.okh-card .okh-hits svg{fill:currentColor;stroke:none}

/* the quiz page was set in the old fonts; same app font everywhere now */
.page-template-page-politikai-kviz main *,.page-template-page-politikai-kviz [class^="qp-"],.page-template-page-politikai-kviz [class*=" qp-"]{font-family:var(--okh-f) !important}

/* weather (homepage rail) */
.okh-wx h4 button{background:none;border:0;padding:0;font:600 12.5px var(--okh-f);letter-spacing:0;text-transform:none;color:var(--okh-primary-t);cursor:pointer}
.okh-wx-now{display:flex;align-items:center;gap:12px}
.okh-wx-ic{font-size:40px;line-height:1}
.okh-wx-t{font:800 44px/1 var(--okh-f);letter-spacing:-2px;color:var(--okh-text)}
.okh-wx-d{display:flex;flex-direction:column;min-width:0}
.okh-wx-d b{font:600 15px var(--okh-f);color:var(--okh-text)}
.okh-wx-feel{font-size:12.5px;color:var(--okh-soft)}
.okh-wx.loading{opacity:.6}

/* newsletter waitlist (inline; no popup) */
.okh-wl p{margin:0 0 12px;color:var(--okh-soft);font-size:14px;line-height:1.5}
.okh-wl-f input[type=email]{width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--okh-line);border-radius:10px;background:var(--okh-bg);color:var(--okh-text);font:15px var(--okh-f)}
.okh-wl-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.okh-wl-c{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;line-height:1.45;color:var(--okh-soft);margin:10px 0}
.okh-wl-c input{margin-top:2px;flex:0 0 auto;accent-color:var(--okh-primary)}
.okh-wl-c a{color:var(--okh-primary-t)}
.okh-wl-f button{width:100%;padding:12px;border:0;border-radius:10px;background:var(--okh-primary);color:#fff;font:700 14.5px var(--okh-f);cursor:pointer}
.okh-wl-f button[disabled]{opacity:.6;cursor:default}
.okh-wl-msg{margin:8px 0 0;font-size:13px;min-height:1em;color:var(--okh-text)}

/* desktop: keep the compact phone-shaped card, just put them side by side
   (a single full-width row stretched the card into a long, empty strip) */
@media (min-width:1000px){
  .okh-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .okh-list--grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  /* 16:9 kép felül, alatta cím, kivonat, meta: a kép aránya nem függ a szöveg hosszától */
  .okh-list .okh-card{flex-direction:column-reverse;min-height:0}
  .okh-list .okh-card-im{flex:none;max-width:none;aspect-ratio:16/9}
  .okh-list .okh-card-h{font-size:17px;line-height:1.28}
  .okh-list .okh-card-t{padding:12px 14px 14px;justify-content:flex-start}
  .okh-list .okh-card-m{margin-top:auto}
}

/* featured band: arrows on desktop (no swiping with a mouse) */
.okh-hero-band{position:relative}
.okh-arrow{display:none}
@media (min-width:1000px){
  .okh-arrow{display:grid;place-items:center;position:absolute;bottom:5px;z-index:2;width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:#CC1C2C;cursor:pointer;box-shadow:0 2px 8px #0000002e;transition:transform .15s}
  .okh-arrow:hover{transform:scale(1.06)}
  .okh-arrow:focus-visible{outline:2px solid #fff;outline-offset:2px}
  .okh-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
  /* a pöttyök sorában, jobbra igazítva: így sosem takarja a címet */
  .okh-arrow--next{right:max(28px,calc(50% - var(--okh-w) / 2 + 28px))}
  .okh-arrow--prev{right:max(76px,calc(50% - var(--okh-w) / 2 + 76px))}
  /* a pöttyök és nyilak sora jól elválik a képtől */
  .okh-dots{margin-top:36px}
  .okh-dots button{width:10px;height:10px}
  .okh-dots button.on{width:30px}
}

/* category / tag SEO extras */
.okh-crumbs{font-size:13px;color:var(--okh-soft);margin:0 0 14px}
.okh-crumbs a{color:var(--okh-soft);text-decoration:none}
.okh-crumbs a:hover{color:var(--okh-primary-t);text-decoration:underline}
.okh-crumbs .breadcrumb_last{color:var(--okh-text)}
.okh-lpage{font-size:.5em;font-weight:600;color:var(--okh-soft);letter-spacing:0;margin-left:10px;vertical-align:middle}
.okh-topics{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 22px}
.okh-topics span{font:600 13px var(--okh-f);color:var(--okh-soft);margin-right:2px}
.okh-topics a,.okh-morecats a{display:inline-block;padding:6px 12px;border:1px solid var(--okh-line);border-radius:99px;background:var(--okh-card);color:var(--okh-text);font:600 13px var(--okh-f);text-decoration:none}
.okh-topics a:hover,.okh-morecats a:hover{border-color:var(--okh-primary);color:var(--okh-primary-t)}
.okh-morecats{margin-top:40px}
.okh-morecats .okh-sec{margin-bottom:14px}
.okh-morecats div{display:flex;flex-wrap:wrap;gap:8px}

/* plain pages: lead paragraph, support box, bank details */
.okh-prose .okh-lede{font-size:19px;line-height:1.6;color:var(--okh-text)}
.okh-give{display:grid;gap:14px;margin:26px 0 34px}
.okh-give-card{background:var(--okh-card);border:1px solid var(--okh-line);border-radius:14px;padding:20px;box-shadow:var(--okh-shadow)}
.okh-prose .okh-give-card h2{margin:0 0 6px;font-size:19px}
.okh-give-card p{margin:0 0 16px;color:var(--okh-soft);font-size:15px}
.okh-prose a.okh-give-btn{display:inline-block;background:var(--okh-primary);color:#fff;font:700 15px var(--okh-f);padding:13px 20px;border-radius:12px;text-decoration:none}
.okh-prose a.okh-give-btn:hover{filter:brightness(1.08)}
.okh-bank{margin:8px 0 0}
.okh-bank div{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;padding:10px 0;border-top:1px solid var(--okh-line)}
.okh-bank div:first-child{border-top:0}
.okh-bank dt{font-size:12.5px;color:var(--okh-soft);grid-column:1}
.okh-bank dd{margin:0;font:600 15px var(--okh-f);grid-column:1;font-variant-numeric:tabular-nums;word-break:break-word}
.okh-bank button{grid-column:2;grid-row:1/3;border:1px solid var(--okh-line);background:var(--okh-bg);color:var(--okh-text);border-radius:8px;padding:7px 12px;font:600 12.5px var(--okh-f);cursor:pointer}
.okh-bank button.ok{border-color:var(--k-fact);color:var(--k-fact)}
@media (min-width:760px){.okh-give{grid-template-columns:1fr 1fr}}

/* media kit */
.okh-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 8px}
.okh-stats div{background:var(--okh-card);border:1px solid var(--okh-line);border-radius:12px;padding:14px 16px}
.okh-stats b{display:block;font:800 24px/1.1 var(--okh-f);letter-spacing:-.5px;color:var(--okh-text)}
.okh-stats span{display:block;margin-top:4px;font-size:13.5px;color:var(--okh-soft);line-height:1.35}
.okh-prose .okh-note{font-size:13.5px;color:var(--okh-soft)}
.okh-plans{display:grid;gap:14px;margin:16px 0 8px}
.okh-plan{background:var(--okh-card);border:1px solid var(--okh-line);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column}
.okh-prose .okh-plan h3{margin:0;font-size:19px}
.okh-plan-price{margin:4px 0 10px !important;font:800 22px var(--okh-f);color:var(--okh-primary-t)}
.okh-plan ul{margin:0 0 16px;padding-left:18px;font-size:15px;flex:1}
.okh-plan a{align-self:flex-start;font-weight:700;color:var(--okh-primary-t) !important;text-decoration:none}
.okh-prose table{width:100%;border-collapse:collapse;font-size:15px}
.okh-prose th,.okh-prose td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--okh-line)}
.okh-prose th{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--okh-soft)}
.okh-prose td:last-child{white-space:nowrap;font-weight:600}
.okh-prose figure.wp-block-table{margin:12px 0;overflow-x:auto}
@media (min-width:760px){.okh-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.okh-plans{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* sponsored content label */
.okh-sponsored{display:inline-flex;align-items:center;font:700 11px var(--okh-f);letter-spacing:.06em;text-transform:uppercase;color:#7A5300;background:#FFE7A8;border-radius:6px;padding:3px 7px;white-space:nowrap}
[data-theme="dark"] .okh-sponsored{color:#FFD979;background:#3A2E12}
.okh-sponsored-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:22px 0 -6px;font-size:13px;color:var(--okh-soft)}
.okh-prose .wp-block-table table,.okh-prose .wp-block-table th,.okh-prose .wp-block-table td{border:0}
.okh-prose .wp-block-table thead{border-bottom:2px solid var(--okh-line)}
.okh-prose .wp-block-table td{border-bottom:1px solid var(--okh-line)}

/* széles kijelző: több oszlop, hogy a szélesebb tartalomsáv ne nyújtsa a kártyákat */
@media (min-width:1340px){
  .okh-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .okh-list--grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* YouTube doboz (oldalsáv alja; asztali nézetben ez marad látható görgetéskor) */
.okh-yt-play{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;border-radius:10px;overflow:hidden;background:#000;cursor:pointer}
.okh-yt-play img,.okh-yt-play iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.okh-yt-btn{position:absolute;left:50%;top:50%;width:62px;height:44px;margin:-22px 0 0 -31px;border-radius:12px;background:#CC1C2Ce6;display:grid;place-items:center;transition:transform .15s}
.okh-yt-play:hover .okh-yt-btn{transform:scale(1.08)}
.okh-yt-btn svg{width:24px;height:24px;fill:#fff}
.okh-yt-t{display:block;font:700 15px/1.3 var(--okh-f);margin:10px 0 4px}
.okh-yt-i{display:flex;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--okh-line);color:var(--okh-text);text-decoration:none;font:600 13.5px/1.3 var(--okh-f)}
.okh-yt-i:first-of-type{margin-top:8px}
.okh-yt-i img{width:96px;aspect-ratio:16/9;height:auto;object-fit:cover;border-radius:6px;flex:0 0 auto}
.okh-yt-i span{display:block}
.okh-yt-sub{display:block;margin-top:10px;padding:10px;border-radius:10px;background:var(--okh-btn);color:var(--okh-text);text-align:center;font:700 14px var(--okh-f);text-decoration:none}
.okh-yt-sub:hover{background:var(--okh-line)}

/* ======================================================================
   Hasáb változat
   ====================================================================== */

/* ---- fejléc ----
   mobilon: menü · logó középen · keresés, sötét mód
   asztalon: Menü, Kereső · nagy logó középen · sötét mód, App, Támogatás; alatta a rovatsor */
.okh-head .okh-logo{margin:0;justify-self:center}
.okh-logo{font-size:34px;letter-spacing:-1.8px}
.okh-foot .okh-logo{font-size:36px}
.okh-head-in{display:grid;grid-template-columns:1fr auto 1fr;height:60px;padding:0 4px}
.okh-head-l{display:flex;align-items:center;gap:2px;justify-self:start}
.okh-head-l #menu-toggle{order:0}
.okh-head-act{justify-self:end}
.okh-hb--lbl{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.okh-hb--lbl span{font:600 15px var(--okh-f)}
@media (max-width:999px){
  .okh-head .okh-logo{font-size:33px;letter-spacing:-1.7px}
}
@media (min-width:1000px){
  .okh-head-in{height:78px;padding:0 24px}
  .okh-head .okh-logo{font-size:48px;letter-spacing:-2.6px}
  .okh-hb--lbl{width:auto;padding:0 14px 0 10px;border-radius:99px}
  .okh-nav{margin:0;border-top:1px solid #ffffff2e}
  [data-theme="dark"] .okh-nav{border-color:var(--okh-line)}
  .okh-nav ul{justify-content:center;gap:2px;padding:3px 0 5px}
  .okh-nav a{font:600 12.5px var(--okh-f);letter-spacing:.09em;text-transform:uppercase;padding:8px 12px}
}

/* ---- címlap ---- */
.okh-top,.okh-home-grid{max-width:1280px}
.okh-sec:before{display:none}

/* rovatcím: kisbetűs szóvédjegy (mint a logó), két oldalt pontsor */
.okh-band{display:flex;align-items:center;gap:28px;margin:72px 0 30px}
.okh-band:before,.okh-band:after{content:"";flex:1;height:5px;background:radial-gradient(circle,var(--okh-soft) .9px,transparent 1.2px) 0 0/4px 2.5px;opacity:.55}
.okh-band-t{margin:0;font:800 40px/1.05 var(--okh-f);letter-spacing:-1.9px;text-transform:lowercase;color:var(--okh-text);text-align:center}
.okh-band-t a{color:inherit !important;text-decoration:none}
.okh-band-t i{font-style:normal;color:var(--okh-primary)}
.okh-fresh .okh-band{margin-top:8px}
.okh-tabs{justify-content:center;margin:-14px 0 26px}
.okh-catsec{margin:0}

/* hasábelem: rovat, cím, teljes bevezető, idő; elválasztó vonalak nélkül */
.okh-col{display:flex;flex-direction:column;gap:30px}
.okh-it{display:block;color:var(--okh-text) !important;text-decoration:none;transition:opacity .2s}
.okh-it:focus-visible{outline:2px solid var(--okh-primary);outline-offset:4px}
.okh-it:hover .okh-it-h{color:var(--okh-primary-t)}
.okh-it-im{display:block;aspect-ratio:3/2;overflow:hidden;background:var(--okh-btn)}
.okh-it-im img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%;transition:transform .3s}
.okh-it:hover .okh-it-im img{transform:scale(1.02)}
.okh-it-k{display:block;margin:0 0 6px;font:700 11.5px var(--okh-f);letter-spacing:.12em;text-transform:uppercase;color:var(--okh-primary-t)}
/* képes elemnél a rovatcímke a kép bal alsó sarkára ül */
.okh-it-im+.okh-it-k{width:fit-content;position:relative;margin:-24px 0 8px;padding:7px 10px 0 0;background:var(--okh-bg)}
.okh-it-k--brk{width:fit-content;padding:4px 8px 3px;border-radius:4px;background:var(--okh-primary);color:#fff}
.okh-it-im+.okh-it-k--brk{padding:5px 9px 4px;background:var(--okh-primary);border-radius:0 4px 0 0}
.okh-it-h{margin:0;font:700 19px/1.25 var(--okh-f);letter-spacing:-.25px;color:inherit;transition:color .15s}
.okh-it-au{display:block;margin-top:8px;font:600 14px var(--okh-f);color:var(--okh-primary-t)}
.okh-it-ex{display:block;margin-top:6px;font:400 15px/1.5 var(--okh-f);color:var(--okh-soft)}
.okh-it-m{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;margin-top:8px;font-size:12.5px;color:var(--okh-soft)}
.okh-it[hidden]{display:none}
.okh-it--lead .okh-it-h{font-size:23px;line-height:1.2;letter-spacing:-.4px}
.okh-it--main .okh-it-h{font-size:28px;line-height:1.14;letter-spacing:-.8px}
.okh-it--main .okh-it-ex{font-size:16px}
.okh-it--main .okh-it-im{aspect-ratio:16/10}

/* tető: három hasáb, középen a fő cikk; mobilon a fő hasáb jön először */
.okh-top{margin:0 auto;padding:0 16px;display:grid;row-gap:30px}
@media (max-width:759px){
  .okh-top-c .okh-it--main .okh-it-im{margin:0 -16px}
  .okh-top-c .okh-it--main .okh-it-k{margin-left:-16px;padding-left:16px}
}

.okh-front{display:grid;row-gap:30px}
.okh-home .okh-more{display:block;border:0;border-radius:0;margin:26px 0 0;padding:0;text-align:right;font:700 14px var(--okh-f)}
.okh-home-grid{padding-top:8px}
.okh-rov{display:grid;row-gap:30px}

@media (min-width:760px){
  .okh-top{padding:28px 24px 0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"c c" "l r";column-gap:40px;row-gap:40px}
  .okh-top-c{grid-area:c}.okh-top-l{grid-area:l}.okh-top-r{grid-area:r}
  .okh-it--main .okh-it-h{font-size:34px;letter-spacing:-.8px}
  .okh-front{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:40px}
  .okh-rov{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:repeat(4,auto);grid-auto-flow:column;column-gap:40px}
  .okh-rov .okh-it--lead{grid-row:1 / -1}
  .okh-rov .okh-it:not(.okh-it--lead) .okh-it-h{font-size:17.5px}
  .okh-rov .okh-it:not(.okh-it--lead) .okh-it-ex{font-size:14.5px}
}

@media (min-width:1000px){
  .okh-home-grid{gap:48px;padding:8px 28px 0}
}

@media (min-width:1200px){
  .okh-top{padding:36px 28px 0;grid-template-columns:minmax(0,1fr) minmax(0,2.05fr) minmax(0,1fr);grid-template-areas:"l c r";column-gap:40px}
  .okh-top-c .okh-it-h{font-size:22px}
  .okh-it--main .okh-it-h{font-size:40px;line-height:1.12;letter-spacing:-.9px}
  .okh-it--main .okh-it-ex{font-size:17px}
  .okh-it--main .okh-it-im+.okh-it-k{margin-top:-26px;font-size:12.5px}
  .okh-rov{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows:repeat(2,auto)}
}
@media (max-width:759px){
  .okh-band{gap:16px;margin:56px 0 24px}
  .okh-band-t{font-size:32px;letter-spacing:-1.5px}
}

/* ---- oldalsáv: önálló, karakteres kártyák ---- */
.okh-home-rail{gap:22px}
.okh-home-rail .okh-box{border:0;border-radius:20px;padding:22px;box-shadow:none}
.okh-home-rail .okh-box h4{margin-bottom:14px}
@media (max-width:999px){.okh-home-rail{margin-top:64px}}

/* időjárás: égszínű */
.okh-home-rail .okh-wx{background:linear-gradient(155deg,#1E5FD0 0%,#4C8DF0 60%,#7DB2FF 100%);color:#fff}
[data-theme="dark"] .okh-home-rail .okh-wx{background:linear-gradient(155deg,#0F2A5C,#1E4A9A)}
.okh-home-rail .okh-wx h4,.okh-home-rail .okh-wx h4 button{color:#ffffffe0}
.okh-home-rail .okh-wx h4 button{text-decoration:underline;text-underline-offset:3px}
.okh-home-rail .okh-wx-t{color:#fff;font-size:60px;letter-spacing:-3px}
.okh-home-rail .okh-wx-ic{font-size:52px}
.okh-home-rail .okh-wx-d b{color:#fff;font-size:16px}
.okh-home-rail .okh-wx-feel{color:#ffffffd0}

/* Szabadszemle: zöld árnyalat, nagyobb arcképek */
.okh-home-rail .okh-op{background:#E6F3EC}
[data-theme="dark"] .okh-home-rail .okh-op{background:#15251D}
.okh-home-rail .okh-op h4 span{font-size:26px;letter-spacing:-1px}
.okh-home-rail .okh-op h4 a{color:#1F8A5B}
.okh-home-rail .okh-op-i{border-top:0;padding:10px 0;gap:14px}
.okh-home-rail .okh-op-av{width:54px;height:54px;box-shadow:0 0 0 2px #E6F3EC,0 0 0 4px #1F8A5B}
[data-theme="dark"] .okh-home-rail .okh-op-av{box-shadow:0 0 0 2px #15251D,0 0 0 4px #2FB57A}
.okh-home-rail .okh-op-i b{font-size:15.5px;line-height:1.3}
.okh-home-rail .okh-op-i:hover b{color:#1F8A5B}

/* app: sötét kártya */
.okh-home-rail .okh-app{background:#140B0C;color:#fff}
.okh-home-rail .okh-app .okh-appbox img{border-radius:12px;padding:6px}
.okh-home-rail .okh-app .okh-appbox b{color:#fff;font-size:17px}
.okh-home-rail .okh-app .okh-appbox span{color:#CFC5C5}
.okh-home-rail .okh-app .okh-appbox-st a{color:#FF6B73}
[data-theme="dark"] .okh-home-rail .okh-app{background:#251D1D}

/* hírlevél: márkapiros */
.okh-home-rail .okh-wl{background:var(--okh-primary);color:#fff}
.okh-home-rail .okh-wl h4{color:#fff;font-size:20px;letter-spacing:-.4px;text-transform:none;font-weight:800}
.okh-home-rail .okh-wl p,.okh-home-rail .okh-wl-c{color:#ffffffe0}
.okh-home-rail .okh-wl-c a{color:#fff;text-decoration:underline}
.okh-home-rail .okh-wl-c input{accent-color:#140B0C}
.okh-home-rail .okh-wl-f input[type=email]{background:#fff;border-color:#fff;color:#1A1112}
.okh-home-rail .okh-wl-f button{background:#140B0C;color:#fff}
.okh-home-rail .okh-wl-msg{color:#fff}

/* YouTube: sötét, mint a lejátszó */
.okh-home-rail .okh-yt{background:#0F0F0F;color:#fff}
.okh-home-rail .okh-yt h4{color:#fff}
.okh-home-rail .okh-yt h4 a{color:#FF4E45}
.okh-home-rail .okh-yt-t{color:#fff;font-size:16px}
.okh-home-rail .okh-yt-i{color:#EDEDED;border-top-color:#272727}
.okh-home-rail .okh-yt-i:hover{color:#fff}
.okh-home-rail .okh-yt-sub{background:#FF0033;color:#fff}
.okh-home-rail .okh-yt-sub:hover{background:#E0002D}

/* a magasabb (kétsoros) asztali fejléc alá ragad */
@media (min-width:1000px){.okh-yt{top:136px}}