/* News extensions: image thumbnails + category tags */

.news__topline{display:flex; gap:8px; align-items:center; flex-wrap:wrap}

.news__tag{
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.08em;
  padding:3px 8px;
  border-radius:999px;
  border:1px solid rgba(240,215,162,.18);
  background:rgba(0,0,0,.16);
  color:var(--muted);
}

/* category accents (subtle) */
.news__tag.tag--market{border-color:rgba(160,220,255,.26)}
.news__tag.tag--police{border-color:rgba(255,110,110,.26)}
.news__tag.tag--event{border-color:rgba(255,200,120,.26)}
.news__tag.tag--update{border-color:rgba(180,255,180,.26)}
.news__tag.tag--general{border-color:rgba(240,215,162,.18)}

.news__row{display:flex; gap:10px; align-items:flex-start}

.news__thumb{
  width:54px;
  height:54px;
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(240,215,162,.12);
  background:rgba(0,0,0,.22);
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
}

.news__thumb img{width:100%; height:100%; object-fit:cover; display:block}

.news__detail-img{
  width:100%;
  max-height:260px;
  object-fit:cover;
  display:block;
  border-radius:16px;
  border:1px solid rgba(240,215,162,.12);
  background:rgba(0,0,0,.22);
}