.czbe{--czblue:#1478ab;--czink:#142436;--czmuted:#637486;font-family:inherit;max-width:1200px;margin:auto;color:var(--czink)}
.czbe *{box-sizing:border-box}.czbe__hero{padding:38px 32px;background:#f1f7fb;border-radius:18px;margin-bottom:22px}.czbe__eyebrow{font-size:12px;letter-spacing:.12em;font-weight:750;color:var(--czblue)}.czbe__hero h2{font-size:clamp(30px,4vw,48px);margin:12px 0}.czbe__hero p{font-size:16px;margin:0;color:var(--czmuted)}
.czbe__filters{display:grid;grid-template-columns:minmax(0,2fr) minmax(180px,1fr) auto;gap:12px;margin-bottom:18px}.czbe__filters label{display:block}.czbe__filters input,.czbe__filters select{width:100%;height:48px;border:1px solid #ccd8e0;border-radius:9px;background:#fff;color:var(--czink);padding:0 14px}.czbe__filters button{background:var(--czblue);color:white;border:0;border-radius:9px;padding:0 24px;font-weight:700;cursor:pointer}.czbe__count{font-size:14px;color:var(--czmuted);margin:0 0 16px}
.czbe__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.czbe__card{overflow:hidden;border-radius:14px;border:1px solid #e1e7ed;background:#fff;box-shadow:0 5px 20px rgba(20,36,54,.04);display:flex;flex-direction:column}.czbe__image{display:block;aspect-ratio:16/10;background:#ecf2f6;overflow:hidden}.czbe__image img{display:block;width:100%;height:100%;object-fit:cover}.czbe__placeholder{display:grid;place-items:center;height:100%;font-weight:800;color:#7799af;letter-spacing:.12em}.czbe__body{padding:20px;display:flex;flex-direction:column;flex:1}.czbe__meta{color:var(--czmuted);font-size:12px}.czbe__body h3{margin:8px 0 10px;font-size:19px;line-height:1.35}.czbe__body h3 a{color:var(--czink);text-decoration:none}.czbe__body p{font-size:14px;line-height:1.6;color:var(--czmuted);margin:0 0 15px}.czbe__more{margin-top:auto;color:var(--czblue);font-weight:700;text-decoration:none}.czbe__pagination{display:flex;flex-wrap:wrap;gap:7px;margin:28px 0}.czbe__pagination a{display:grid;place-items:center;min-width:36px;height:36px;border:1px solid #d2e1eb;border-radius:8px;text-decoration:none;color:var(--czink)}.czbe__pagination a.is-active{background:var(--czblue);color:white}.czbe__empty{padding:25px;background:#f1f7fb;border-radius:12px}
@media(max-width:850px){.czbe__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.czbe__filters{grid-template-columns:1fr 1fr}.czbe__filters button{grid-column:1/-1;min-height:46px}}@media(max-width:560px){.czbe__hero{padding:25px 20px}.czbe__grid,.czbe__filters{grid-template-columns:1fr}.czbe__filters button{grid-column:auto}}

.czbe__pagination .page-numbers{display:grid;place-items:center;min-width:36px;height:36px;padding:0 10px;border:1px solid #d2e1eb;border-radius:8px;text-decoration:none;color:var(--czink)}.czbe__pagination .page-numbers.current{background:var(--czblue);color:white;border-color:var(--czblue)}.czbe__pagination .page-numbers.dots{border:0;background:transparent}.czbe__pagination a.page-numbers:hover{border-color:var(--czblue)}
/* v0.2.0 – fokozatos megjelenési frissítés */
.czbe__section-title{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:28px 0 14px}.czbe__section-title h2{font-size:clamp(21px,2.6vw,29px);margin:0;color:#142d25}.czbe__section-title p,.czbe__count{font-size:13px;color:var(--czmuted);margin:0}.czbe__section-title--results{margin-top:24px}.czbe__topics{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 22px}.czbe__topic{display:inline-flex;align-items:center;border:1px solid #dbe5e9;border-radius:30px;padding:9px 15px;color:#315364;background:#fff;text-decoration:none;font-size:13px;font-weight:650;line-height:1.35}.czbe__topic:hover,.czbe__topic.is-selected{background:#e8f6ef;border-color:#80cba7;color:#117248}.czbe__grid--featured{margin-bottom:32px}.czbe__card{transition:transform .18s ease,box-shadow .18s ease}.czbe__card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(20,36,54,.09)}.czbe__card--featured{border-color:#cbe9d9}.czbe__category{color:#16805b;font-weight:750}.czbe__meta{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.czbe__filters{grid-template-columns:minmax(0,2fr) minmax(150px,1fr) minmax(155px,1fr) auto}.czbe__filters button{min-height:48px}.czbe__body h3 a:hover{color:var(--czblue)}
@media(max-width:960px){.czbe__filters{grid-template-columns:1fr 1fr}.czbe__filters label:first-child{grid-column:1/-1}.czbe__filters button{grid-column:auto}}
@media(max-width:560px){.czbe__filters{grid-template-columns:1fr}.czbe__filters label:first-child{grid-column:auto}.czbe__topics{flex-wrap:nowrap;overflow-x:auto;padding-bottom:7px}.czbe__topic{white-space:nowrap}.czbe__section-title{align-items:flex-start;flex-direction:column;gap:3px}}
@media(prefers-reduced-motion:reduce){.czbe__card{transition:none}.czbe__card:hover{transform:none}}

/* v0.3: öt szűrő + gomb áttekinthető rácsban */
.czbe__filters{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.czbe__filters label:first-child{grid-column:span 2}
.czbe__filters button{min-height:48px}
@media(max-width:960px){.czbe__filters{grid-template-columns:repeat(2,minmax(0,1fr))}.czbe__filters label:first-child{grid-column:span 2}}
@media(max-width:560px){.czbe__filters{grid-template-columns:1fr}.czbe__filters label:first-child{grid-column:auto}}
/* v0.4 – élő keresési javaslatok */
.czbe .czbe__search-wrap{position:relative;min-width:0}
.czbe .czbe__live-results[hidden]{display:none!important}
.czbe .czbe__live-results{position:absolute;top:calc(100% + 7px);left:0;right:0;z-index:30;background:#fff;border:1px solid #dce6eb;border-radius:12px;box-shadow:0 16px 36px rgba(22,43,54,.18);max-height:420px;overflow-y:auto;padding:5px}
.czbe .czbe__suggestion{display:flex;align-items:center;gap:11px;padding:9px 10px;color:#152b35;text-decoration:none;border-radius:8px}
.czbe .czbe__suggestion:hover,.czbe .czbe__suggestion:focus{background:#edf7f9;outline:2px solid #2186a2;outline-offset:-2px}
.czbe .czbe__suggestion img{width:54px;height:48px;object-fit:cover;flex:none;border-radius:6px}
.czbe .czbe__suggestion-info{display:flex;flex-direction:column;gap:3px;min-width:0}
.czbe .czbe__suggestion-info strong{font-size:14px;line-height:1.3}
.czbe .czbe__suggestion-info small{font-size:11px;color:#5a7180}
.czbe .czbe__suggestion-empty{display:block;padding:13px;color:#536b77;font-size:13px}

/* v0.5 – Magazin címlap, kizárólag a blog shortcode konténerére korlátozva */
.czbe--magazine{--czblue:#156b82;--czink:#152c38;--czmuted:#586f79}
.czbe--magazine .czbe__hero{background:linear-gradient(115deg,#102d3c,#195f70);color:#fff;border-radius:20px;padding:52px 46px;box-shadow:0 16px 38px rgba(17,53,66,.12)}
.czbe--magazine .czbe__hero h2{color:#fff;font-weight:800;letter-spacing:-.025em}
.czbe--magazine .czbe__hero p{color:#d4e8ee;max-width:650px}
.czbe--magazine .czbe__eyebrow{color:#a1e3d3}
.czbe--magazine .czbe__grid--magazine{grid-template-columns:1.45fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:16px}
.czbe--magazine .czbe__grid--magazine .czbe__card{display:grid;grid-template-columns:42% minmax(0,1fr);min-height:175px}
.czbe--magazine .czbe__grid--magazine .czbe__card .czbe__image{height:100%;aspect-ratio:auto}
.czbe--magazine .czbe__grid--magazine .czbe__card .czbe__body{padding:19px}
.czbe--magazine .czbe__grid--magazine .czbe__card .czbe__body h3{font-size:clamp(16px,1.45vw,21px)}
.czbe--magazine .czbe__grid--magazine .czbe__card .czbe__body p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.czbe--magazine .czbe__grid--magazine .czbe__card:first-child{grid-row:1/span 2;display:flex;min-height:365px}
.czbe--magazine .czbe__grid--magazine .czbe__card:first-child .czbe__image{aspect-ratio:16/9;height:auto}
.czbe--magazine .czbe__grid--magazine .czbe__card:first-child .czbe__body{padding:24px}
.czbe--magazine .czbe__grid--magazine .czbe__card:first-child h3{font-size:clamp(23px,2.3vw,32px)}
.czbe--magazine .czbe__grid--magazine .czbe__card:first-child .czbe__body p{display:block}
.czbe--magazine .czbe__grid--magazine:has(> .czbe__card:only-child){display:grid;grid-template-columns:1fr;grid-template-rows:auto}
.czbe--magazine .czbe__grid--magazine:has(> .czbe__card:only-child) .czbe__card:first-child{grid-row:auto;max-width:720px}
.czbe--magazine .czbe__card{border-radius:15px}
.czbe--magazine .czbe__card .czbe__image img{transition:transform .25s ease}
.czbe--magazine .czbe__card:hover .czbe__image img{transform:scale(1.025)}
.czbe--magazine .czbe__section-title h2{color:var(--czink)}
.czbe--magazine .czbe__topic.is-selected{background:#dcefee;border-color:#8fbeba;color:#165f59}
.czbe--magazine .czbe__filters{background:#f5f8f9;padding:15px;border-radius:15px;border:1px solid #e3edf0}
.czbe--magazine .czbe__category{color:#176f77}
@media(max-width:980px){.czbe--magazine .czbe__grid--magazine{grid-template-columns:1fr 1fr;grid-template-rows:auto}.czbe--magazine .czbe__grid--magazine .czbe__card{display:flex;min-height:0}.czbe--magazine .czbe__grid--magazine .czbe__card .czbe__image{aspect-ratio:16/10;height:auto}.czbe--magazine .czbe__grid--magazine .czbe__card:first-child{grid-column:1/-1;grid-row:auto;min-height:0}.czbe--magazine .czbe__grid--magazine .czbe__card:first-child .czbe__image{aspect-ratio:16/7}}
@media(max-width:600px){.czbe--magazine .czbe__hero{padding:32px 22px;border-radius:14px}.czbe--magazine .czbe__grid--magazine{grid-template-columns:1fr}.czbe--magazine .czbe__grid--magazine .czbe__card:first-child{grid-column:auto}.czbe--magazine .czbe__grid--magazine .czbe__card:first-child .czbe__image{aspect-ratio:16/10}.czbe--magazine .czbe__grid--magazine .czbe__card:first-child h3{font-size:24px}.czbe--magazine .czbe__filters{padding:12px}}
@media(prefers-reduced-motion:reduce){.czbe--magazine .czbe__card .czbe__image img{transition:none}.czbe--magazine .czbe__card:hover .czbe__image img{transform:none}}

/* v0.6: progressive enhancement – traditional pagination works without JavaScript */
.czbe__load-more-wrap{text-align:center;margin:26px auto 6px}
.czbe__load-more-wrap[hidden]{display:none!important}
.czbe .czbe__load-more{display:inline-flex;gap:12px;align-items:center;justify-content:center;min-height:48px;border:1px solid #146c82;border-radius:10px;background:#146c82;color:#fff;padding:12px 25px;font-weight:750;cursor:pointer;transition:background .15s ease}
.czbe .czbe__load-more:hover{background:#104f61}
.czbe .czbe__load-more:focus-visible{outline:3px solid #58adcf;outline-offset:3px}
.czbe .czbe__load-more:disabled{opacity:.65;cursor:wait}
.czbe__load-status{font-size:13px;color:#546d78;margin:9px 0 0}
.czbe__pagination--enhanced{display:none!important}
@media(prefers-reduced-motion:reduce){.czbe .czbe__load-more{transition:none}}