/* ============================================================
   Zsebinfo – Hírek listázó + cikk  (.zsh- prefix)
   A zsebinfo-home.css palettájára/shelljére épül.
   ============================================================ */

.zsh-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 24px; align-items: start; margin-top: 20px; }
.zsh-main { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.zsh-side { display: flex; flex-direction: column; gap: 18px; position: sticky; top: 16px; }

/* ── Lista-kártya (vízszintes) ───────────────────────────── */
.zsh-list { display: flex; flex-direction: column; gap: 14px; }
.zsh-card { display: grid; grid-template-columns: 210px 1fr; background: var(--card); border: 1px solid var(--line); border-radius: 12px; overflow: hidden; box-shadow: var(--shadow); transition: transform .15s, box-shadow .15s; }
.zsh-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg); }
.zsh-card__img { background-size: cover; background-position: center; min-height: 132px; position: relative; }
.zsh-card__img .zs-badge { position: absolute; left: 10px; top: 10px; }
.zsh-card__body { padding: 15px 18px; display: flex; flex-direction: column; }
.zsh-card__title { font-size: 16px; font-weight: 800; color: var(--ink); line-height: 1.3; }
.zsh-card__excerpt { font-size: 12.5px; color: var(--muted); line-height: 1.55; margin-top: 6px; flex: 1; }
.zsh-card__meta { font-size: 11px; color: var(--muted); margin-top: 11px; display: flex; gap: 14px; }
.zsh-card__meta i { margin-right: 4px; }

/* ── Sidebar: Legolvasottabb ─────────────────────────────── */
.zsh-pop { display: flex; gap: 11px; padding: 10px 0; border-top: 1px solid var(--line-light); }
.zsh-pop:first-of-type { border-top: none; padding-top: 0; }
.zsh-pop__num { flex: 0 0 26px; width: 26px; height: 26px; border-radius: 8px; background: var(--orange-soft); color: var(--orange); font-weight: 800; font-size: 13px; display: flex; align-items: center; justify-content: center; }
.zsh-pop__title { font-size: 12.5px; font-weight: 700; color: var(--ink); line-height: 1.35; }
.zsh-pop__title:hover { color: var(--orange); }
.zsh-pop__meta { font-size: 10.5px; color: var(--muted); margin-top: 2px; }

/* ── Cikk ────────────────────────────────────────────────── */
.zsh-art-cat { margin-bottom: 10px; }
.zsh-art-title { font-size: 30px; font-weight: 800; color: var(--ink); line-height: 1.2; letter-spacing: -.01em; }
.zsh-art-lead { font-size: 16px; color: var(--muted); line-height: 1.6; margin-top: 12px; }
.zsh-art-meta { font-size: 12.5px; color: var(--muted); margin-top: 14px; display: flex; gap: 16px; flex-wrap: wrap; align-items: center; }
.zsh-art-meta i { margin-right: 5px; color: var(--teal); }
.zsh-art-hero { border-radius: 12px; overflow: hidden; margin: 18px 0; }
.zsh-art-hero img { width: 100%; display: block; }
.zsh-art-body { font-size: 14.5px; line-height: 1.8; color: var(--ink); }
.zsh-art-body p + p { margin-top: 14px; }
.zsh-art-body h2 { font-size: 19px; font-weight: 800; margin: 24px 0 8px; color: var(--ink); }
.zsh-art-body blockquote { border-left: 3px solid var(--orange); padding: 4px 0 4px 16px; margin: 18px 0; color: var(--muted); font-style: italic; font-size: 15.5px; }
.zsh-tags { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 22px; }
.zsh-tag { font-size: 12px; font-weight: 600; color: var(--teal-dark); background: var(--teal-soft); padding: 5px 12px; border-radius: 14px; }
.zsh-tag:hover { background: var(--teal); color: #fff; }
.zsh-share { display: flex; align-items: center; gap: 10px; margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--line-light); font-size: 12.5px; font-weight: 600; color: var(--muted); }
.zsh-share a { width: 34px; height: 34px; border-radius: 8px; background: var(--cream); color: var(--ink); display: flex; align-items: center; justify-content: center; transition: .15s; }
.zsh-share a:hover { background: var(--orange); color: #fff; }

@media (max-width: 920px) {
  .zsh-layout { grid-template-columns: 1fr; }
  .zsh-side { position: static; }
}
@media (max-width: 560px) {
  .zsh-card { grid-template-columns: 1fr; }
  .zsh-card__img { min-height: 170px; }
  .zsh-art-title { font-size: 23px; }
}

/* ============================================================
   HÍREK – GRIDES ELRENDEZÉS (.zsnw-)
   ============================================================ */
/* Kiemelt blokk: nagy kép balra + 2×2 rács jobbra */
.zsnw-feat{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;margin-bottom:14px}
@media(max-width:880px){.zsnw-feat{grid-template-columns:1fr}}
.zsnw-big{position:relative;display:block;border-radius:16px;overflow:hidden;min-height:430px;
  background-size:cover;background-position:center;text-decoration:none;box-shadow:0 2px 10px rgba(52,62,38,.08)}
.zsnw-big::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(18,28,20,.9),rgba(18,28,20,.15) 55%,rgba(18,28,20,.05))}
.zsnw-big__body{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:26px;color:#fff}
.zsnw-badge{display:inline-block;background:var(--orange);color:#fff;font:700 11.5px/1 'Inter',sans-serif;padding:6px 12px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em;margin-bottom:12px}
.zsnw-big__title{font:800 27px/1.25 'Inter',sans-serif;color:#fff;margin:0 0 10px}
.zsnw-big__excerpt{font:400 14.5px/1.55 'Inter',sans-serif;color:rgba(255,255,255,.9);margin:0 0 12px;max-width:90%}
.zsnw-big__meta{display:flex;gap:16px;font:600 12.5px/1 'Inter',sans-serif;color:rgba(255,255,255,.85)}
.zsnw-big__meta span{display:inline-flex;align-items:center;gap:6px}

.zsnw-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:14px}
@media(max-width:520px){.zsnw-grid{grid-template-columns:1fr;grid-template-rows:none}}
.zsnw-card{display:flex;flex-direction:column;background:#fff;border:1px solid #EEE6DA;border-radius:13px;overflow:hidden;text-decoration:none;color:inherit;transition:.16s;box-shadow:0 1px 2px rgba(52,62,38,.04)}
.zsnw-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(52,62,38,.12);border-color:#dfe4da}
.zsnw-card__img{aspect-ratio:16/10;background-size:cover;background-position:center;position:relative}
.zsnw-card__cat{position:absolute;top:9px;left:9px;background:rgba(63,106,54,.92);color:#fff;font:700 10px/1 'Inter',sans-serif;padding:5px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}
.zsnw-card__body{padding:11px 13px 13px;display:flex;flex-direction:column;gap:6px;flex:1}
.zsnw-card__title{font:700 14px/1.32 'Inter',sans-serif;color:var(--ink);margin:0}
.zsnw-card__meta{margin-top:auto;font:500 11.5px/1 'Inter',sans-serif;color:var(--muted);display:flex;gap:12px}
.zsnw-card__meta span{display:inline-flex;align-items:center;gap:5px}

/* Témakör szekciók */
.zsnw-topic{margin-top:34px}
.zsnw-topic__head{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #F2F1E6;padding-bottom:11px;margin-bottom:16px}
.zsnw-topic__title{font:800 20px/1.1 'Inter',sans-serif;color:var(--ink);display:flex;align-items:center;gap:10px;margin:0}
.zsnw-topic__title i{color:var(--orange);font-size:17px}
.zsnw-topic__more{font:700 13px/1 'Inter',sans-serif;color:var(--orange);text-decoration:none;white-space:nowrap}
.zsnw-topic__more:hover{text-decoration:underline}
.zsnw-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media(max-width:900px){.zsnw-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.zsnw-row{grid-template-columns:1fr}}

/* Hírek: fő oszlop + jobb sáv (Kiemelt partnerek) */
.zsh-newslayout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start;margin-top:4px}
@media(max-width:1000px){.zsh-newslayout{grid-template-columns:1fr}}
.zsh-newsmain{min-width:0}
.zsh-newsside{display:flex;flex-direction:column;gap:18px;position:sticky;top:16px}
@media(max-width:1000px){.zsh-newsside{position:static}}
.zsh-newsmain .zsnw-row{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){.zsh-newsmain .zsnw-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.zsh-newsmain .zsnw-row{grid-template-columns:1fr}}

/* ============================================================
   HÍREK – magazinos/szerkesztőségi kiemelt blokk (.zsed-)
   ============================================================ */
.zsed-nav{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 24px}
.zsed-nav a{border:1px solid #E6E4D6;background:#fff;color:var(--ink);padding:8px 16px;border-radius:999px;font:600 13.5px/1 'Inter',sans-serif;text-decoration:none;transition:.15s}
.zsed-nav a:hover{border-color:var(--teal);color:var(--orange-dark)}
.zsed-nav a.is-active{background:var(--orange);border-color:var(--orange);color:#fff}

.zsed-feat{display:grid;grid-template-columns:1fr 1fr;gap:28px}
@media(max-width:700px){.zsed-feat{grid-template-columns:1fr}}
.zsed-lead{display:block;text-decoration:none;color:inherit;margin-bottom:20px}
.zsed-lead__img{position:relative;aspect-ratio:16/10;background-size:cover;background-position:center;border-radius:6px;overflow:hidden;margin-bottom:16px}
.zsed-lead__cat{position:absolute;bottom:0;left:0;background:rgba(20,25,20,.82);color:#fff;font:600 12.5px/1 'Inter',sans-serif;padding:9px 15px}
.zsed-lead__title{font:800 23px/1.25 'Inter',sans-serif;color:var(--ink);margin:0 0 12px}
.zsed-lead:hover .zsed-lead__title{color:var(--orange)}
.zsed-lead__meta{display:flex;align-items:center;gap:9px;font:500 13.5px/1 'Inter',sans-serif;color:var(--muted);margin-bottom:14px}
.zsed-lead__meta b{color:var(--ink);font-weight:700}
.zsed-lead__meta .zsed-c{margin-left:auto;background:#1b1b22;color:#fff;font:700 11px/1 'Inter',sans-serif;padding:5px 8px;border-radius:3px}
.zsed-lead__excerpt{font:400 15px/1.6 'Inter',sans-serif;color:#6a756c;margin:0}
.zsed-list{display:flex;flex-direction:column;gap:18px;padding-top:6px;border-top:1px solid #F2F1E6}
.zsed-item{display:flex;gap:15px;text-decoration:none;color:inherit;align-items:flex-start}
.zsed-item__img{width:112px;height:80px;flex-shrink:0;border-radius:5px;background-size:cover;background-position:center}
.zsed-item__title{font:700 16px/1.35 'Inter',sans-serif;color:var(--ink);margin:2px 0 7px}
.zsed-item:hover .zsed-item__title{color:var(--orange)}
.zsed-item__date{font:500 13px/1 'Inter',sans-serif;color:var(--muted)}

/* Egy vonalban: a vezető cikk címe (2 sor) és bevezetője (3 sor) fix magasságú,
   így a két oszlop kishírei azonos magasságban kezdődnek */
.zsed-lead__title{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:58px}
.zsed-lead__excerpt{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:72px}