/* bringazas.hu article (single) view: cikk.html. Loaded after styles.css + lista.css (shared: .list-layout, .list-side, .side-ad, .lmeta/.lcat/.lm). */
.art-sec{padding-top:clamp(24px,3vw,44px)}
.art{min-width:0}
.art-cover{margin:0;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:var(--blue-tint)}
.art-cover img{width:100%;height:100%;object-fit:cover}
.art-title{font-size:clamp(28px,3.1vw,44px);line-height:1.12;font-weight:800;letter-spacing:-.02em;margin:clamp(20px,2.2vw,30px) 0 0;overflow-wrap:anywhere}

/* meta band: category pill + date + author + cover photographer, one tidy row between hairlines */
.art-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:clamp(14px,1.6vw,20px);padding-block:14px;border-block:1px solid var(--line);font-size:14px;color:var(--ink-soft)}
.art-meta .lcat.pill{background:#fff;border:1.5px solid var(--c);padding:5px 14px;border-radius:999px;font-size:12.5px}
.art-meta .lm{font-size:14px}
.art-meta .lm .ic{width:1.15em;height:1.15em}
.art-meta .credit{white-space:normal;min-width:0}
.art-meta .credit span{overflow-wrap:anywhere}
.art-meta .credit .ic{flex:none}
.art-share{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:16px;font-weight:700;font-size:14px;color:var(--ink)}
.shr{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1.5px solid var(--line);color:var(--ink);font-size:17px;transition:background .15s,color .15s,border-color .15s}
.shr:hover{background:var(--blue);border-color:var(--blue);color:#fff}

/* body text uses the FULL main-column width (same as cover, banner and inline photo); no max-width measure */
.art-text{max-width:none}
.art-lead{margin:clamp(22px,2.4vw,32px) 0 0;font-size:clamp(19px,1.5vw,22px);line-height:1.6;font-weight:700;color:var(--ink)}
.art-text>p:not(.art-lead){margin:0 0 1.15em;font-size:clamp(17px,1.25vw,19px);line-height:1.75;color:#26334d}
.art-text h2{font-size:clamp(22px,2vw,28px);line-height:1.2;font-weight:800;margin:1.7em 0 .6em;overflow-wrap:anywhere}
.art-text a{color:var(--blue);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px;overflow-wrap:anywhere}
.art-text a:hover{color:var(--blue-dark)}
.art-text p{overflow-wrap:anywhere}
.art-ad{margin:clamp(26px,3vw,40px) 0}
.art-ad .ad{width:100%}
.art-ad .ad-label{text-align:center}
.art-fig{margin:1.8em 0 1.9em;max-width:none}
.art-fig img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:14px;background:var(--blue-tint)}
.art-fig figcaption{display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding-left:12px;border-left:3px solid var(--accent);font-size:14px;line-height:1.45;color:var(--ink-soft)}
.art-fig figcaption .ic{margin-top:2px;flex:none;color:#8a9a96}
.art-text:last-of-type{margin-bottom:0}

/* tags */
.art-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:clamp(24px,2.6vw,36px);padding-top:20px;border-top:1px solid var(--line)}
.art-tags-h{font-weight:800;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-right:6px}
.tagchip{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;background:#fff;border:1.5px solid var(--line);font-size:14px;font-weight:600;color:var(--ink);transition:border-color .15s,color .15s,background .15s}
.tagchip:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-tint)}

/* sidebar "Legfrissebb hírek": 10 text-only articles */
.side-news{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(16px,1.6vw,22px) clamp(16px,1.8vw,24px) 6px}
.side-news .head{margin-bottom:6px}
.srow{padding-block:13px;border-top:1px solid var(--line)}
.srow:first-child{border-top:0}
.srow h3{font-size:16.5px;line-height:1.3;font-weight:700;overflow-wrap:anywhere}
.srow h3 a:hover{color:var(--blue)}
.srow .lmeta{margin-top:7px;padding-top:0;font-size:12.5px;gap:3px 12px}
.srow .lcat{font-size:11.5px}

/* related articles: full page width, the homepage news card (photo + category pill + title + excerpt) in 4 columns */
.related-sec{padding-top:clamp(8px,1vw,16px);padding-bottom:clamp(40px,5vw,72px)}
.news.related{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,2.4vw,32px) var(--gutter)}
.news.related .ncard{grid-column:auto}
.news.related .ncard h3{font-size:clamp(17px,1.4vw,20px);overflow-wrap:anywhere}
.news.related .nexc{display:-webkit-box;-webkit-line-clamp:3;font-size:15px}
@media(min-width:1100px){.news.related{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:599px){
  .news.related{gap:22px 12px}
  .news.related .nexc{display:none}
  .news.related .ncard h3{font-size:16px;line-height:1.28}
  .art-text>p:not(.art-lead){font-size:17px}
  .art-meta{gap:8px 14px}
  .art-fig figcaption{font-size:13px}
}