/* bringazas.hu list view (lista.html): only the rules that differ from the homepage; everything else comes from styles.css */
.list-sec{padding-top:clamp(24px,3vw,44px)}
.list-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(36px,5vw,56px)}
.list-main .head,.side-box .head{margin-bottom:clamp(16px,1.8vw,24px)}
.list-main .head h2{font-size:clamp(26px,2.4vw,34px)}
.side-box .head h2{font-size:clamp(21px,1.7vw,25px);max-width:none}

/* article list: ONE column of full-width horizontal rows (photo left, text right): title, excerpt, meta line (category + date + author) */
.lrows{display:flex;flex-direction:column}
.lrow{display:flex;align-items:stretch;gap:clamp(16px,1.8vw,26px);padding-block:clamp(16px,1.6vw,22px);border-top:1px solid var(--line)}
.lrow:first-child{border-top:0;padding-top:0}
.lrow .limg{flex:0 0 min(38%,400px);align-self:flex-start;aspect-ratio:16/9;overflow:hidden;border-radius:14px;background:var(--blue-tint)}
.lrow .limg img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.lrow:hover .limg img{transform:scale(1.04)}
.lrow .lbody{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.lrow h3{font-size:clamp(19px,1.7vw,26px);line-height:1.22;font-weight:800;letter-spacing:-.012em;overflow-wrap:anywhere}
.lrow h3 a:hover{color:var(--blue)}
.lrow .lexc{margin:0;color:var(--ink-soft);font-size:clamp(15px,1.15vw,17px);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.lmeta{margin-top:auto;padding-top:6px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;font-size:13px;color:var(--ink-soft)}
.lcat{font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--c);font-size:12.5px}
.lm{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.lm .ic{color:#8a9a96}
/* pagination placeholder under the last row: page numbers + "Következő"; static, links "#" */
.pager{margin-top:clamp(24px,2.6vw,36px);padding-top:clamp(18px,2vw,26px);border-top:1px solid var(--line)}
.pager ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.pg,.pg-gap{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;height:44px;padding:0 14px;border-radius:999px;font-weight:700;font-size:15px}
.pg{border:1.5px solid var(--line);background:#fff;color:var(--ink);transition:border-color .15s,color .15s,background .15s}
.pg:hover{border-color:var(--blue);color:var(--blue)}
.pg.is-current{background:var(--blue);border-color:var(--blue);color:#fff;pointer-events:none}
.pg-gap{color:var(--ink-soft);min-width:auto;padding:0 4px}
.pg-next{margin-left:auto;padding:0 20px;color:var(--blue);border-color:var(--blue)}
.pg-next:hover{background:var(--blue-tint)}
@media(max-width:599px){
  .lrow{gap:12px;padding-block:16px}
  .lrow .limg{flex-basis:38%;border-radius:12px}
  .lrow h3{font-size:16px;line-height:1.25}
  .lrow .lexc{display:none}
  .lmeta{font-size:12px;gap:3px 10px}
  .lcat{font-size:11px}
}

/* sidebar: the homepage cards one per row */
.list-side{display:flex;flex-direction:column;gap:clamp(30px,3vw,44px);min-width:0}
.side-cards{grid-template-columns:minmax(0,1fr);gap:var(--gutter)}
.side-cards .card-title{font-size:19px}
.side-box .head{align-items:flex-end}
.side-ad{margin:0}
.side-ad .ad{width:100%}
.side-ad .ad-label{text-align:center}

@media(min-width:900px){
  .list-layout{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:clamp(28px,3.4vw,56px);align-items:start}
}
@media(min-width:600px) and (max-width:899px){
  .side-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .side-ad{max-width:520px;width:100%;margin-inline:auto}
}