/* SWUAK news-card depth + publisher identity — v52 */

/* A touch more vertical depth without changing the five-column mosaic layout. */
.story-mosaic{grid-auto-rows:134px}
.story-card{
  border-radius:10px;
  box-shadow:0 5px 15px rgba(48,39,26,.08);
}
.story-card-copy{padding:14px 15px 15px}
.card--overlay .story-card-copy{padding:18px 17px 17px}
.card--overlay .story-card-shade{background:linear-gradient(180deg,rgba(9,10,12,.015) 27%,rgba(9,10,12,.27) 54%,rgba(9,10,12,.93) 100%)}

/* Publisher/favicon treatment inspired by compact news-feed metadata. */
.story-card-meta{min-height:16px;margin-bottom:8px}
.story-source-line{
  display:inline-flex;
  align-items:center;
  gap:4px;
  max-width:100%;
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.story-source-icon{
  position:relative;
  display:inline-grid;
  place-items:center;
  width:15px;
  height:15px;
  flex:0 0 15px;
  overflow:hidden;
  border-radius:4px;
  background:#fff;
  box-shadow:0 0 0 1px rgba(18,18,18,.11);
  vertical-align:middle;
}
.story-source-icon i{
  display:grid;
  place-items:center;
  position:absolute;
  inset:0;
  color:#54514b;
  font:800 8px/1 var(--site-font);
  font-style:normal;
  text-shadow:none;
}
.story-source-icon img{
  position:absolute;
  inset:1px;
  width:13px;
  height:13px;
  border-radius:3px;
  object-fit:contain;
  background:#fff;
}
.story-source-name{font-weight:750;overflow:hidden;text-overflow:ellipsis}
.story-meta-sep{opacity:.62;flex:0 0 auto}
.story-age,.story-author{flex:0 0 auto;font-weight:650}
.card--overlay .story-source-icon{box-shadow:0 0 0 1px rgba(255,255,255,.28),0 1px 4px rgba(0,0,0,.24)}
.card--overlay .story-source-line{color:#fff}
.card--split .story-source-line,.card--text .story-source-line{color:#57544e}

/* Top-stories utility card uses the same identity language, just smaller. */
.top-story-meta .story-source-line{gap:3px}
.top-story-meta .story-source-icon{width:13px;height:13px;flex-basis:13px;border-radius:3px}
.top-story-meta .story-source-icon img{width:11px;height:11px}
.top-story-meta .story-source-icon i{font-size:7px}

/* Article byline: favicon belongs to the publisher, not the SWUAK chrome. */
.article-source-name{display:inline-flex;align-items:center;gap:6px;min-width:0}
.article-source-name .story-source-icon{width:16px;height:16px;flex-basis:16px}
.article-source-name .story-source-icon img{width:14px;height:14px}

/* The Local live rail is automatic-only now; no manual side controls. */
.news-live-row--local .news-live-chevron{display:none!important}

@media(max-width:1250px){
  .story-mosaic{grid-auto-rows:130px}
}
@media(max-width:1100px){
  .story-mosaic{grid-auto-rows:126px}
}
@media(max-width:760px){
  .story-mosaic{grid-auto-rows:116px}
}
@media(max-width:520px){
  .story-mosaic{grid-auto-rows:auto}
}