/* News. Core — Trending block. Reuses the theme's ranked list (.vaside__rank). */
:where(.news-trending){ margin-block:1.75em; }
.news-trending{
  min-width:0; max-width:100%;
  color:var(--ink,#141414);
  font-family:var(--sans,system-ui,sans-serif); font-size:16px; line-height:1.4;
}
.news-trending__head{
  flex-wrap:wrap; gap:10px 16px;
}
.news-trending .news-trending__heading{
  margin:0; padding:0; border:0; max-width:none;
  font-family:var(--display,inherit); font-size:18px; font-weight:400; line-height:1; letter-spacing:normal;
  color:var(--ink,#141414);
}
.news-trending__tabs{
  display:inline-flex; gap:2px; padding:2px; margin-left:auto;
  border-radius:999px; background:var(--paper-2,#f5f1ea);
}
.news-trending__tab{
  min-height:28px; padding:4px 12px; border:0; border-radius:999px;
  background:transparent; color:var(--muted,#6B675E);
  font:600 12px/1 var(--sans,system-ui,sans-serif); letter-spacing:.01em;
  cursor:pointer; transition:background-color .18s,color .18s;
}
.news-trending__tab:hover{ color:var(--ink,#141414); }
.news-trending__tab[aria-pressed="true"]{
  background:var(--ink,#141414); color:var(--paper,#fff);
}
.news-trending__tab:focus-visible{
  outline:2px solid var(--red,#D7141B); outline-offset:2px;
}

/* The theme list scrolls inside fixed-height asides; in a block it simply grows. */
.news-trending .vaside__rank,
.news-trending .news-trending__list{
  max-height:none; max-width:none; overflow:visible; padding:0; margin:0; list-style:none; font-size:inherit;
  transition:opacity .18s;
}
.news-trending__list[aria-busy="true"]{ opacity:.45; }
.news-trending .news-trending__title{
  margin:0; padding:0; max-width:none; letter-spacing:normal; font-family:var(--sans,system-ui,sans-serif); font-size:14px; line-height:1.32; font-weight:500;
  color:var(--ink,#141414);
  display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  transition:color .18s;
}
.news-trending .vaside__rank a{ color:inherit; font-weight:inherit; text-decoration:none; box-shadow:none; }
.news-trending .vaside__rank li{ margin:0; padding:0; max-width:none; font-size:inherit; line-height:inherit; }
.news-trending .vaside__rank li::before,
.news-trending .vaside__rank li::marker{ content:none; }
.news-trending .vaside__rank a:hover .news-trending__title{ color:var(--ink-hover,#4A4640); }
.news-trending .vaside__rank a:focus-visible{ outline:2px solid var(--red,#D7141B); outline-offset:2px; }
.news-trending__meta{
  display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px;
  font-family:var(--sans,system-ui,sans-serif); font-size:12px; font-weight:500; line-height:1.3;
  color:var(--muted,#6B675E);
}
.news-trending__views{ display:inline-flex; align-items:center; gap:8px; }
.news-trending__views::before{
  content:""; width:3px; height:3px; border-radius:50%; background:currentColor; opacity:.7;
}

/* Fallbacks when the theme stylesheet is not loaded (other themes). */
.news-trending .vaside__rank li{ display:flex; border-top:1px solid var(--border-bottom,#e5e7eb); }
.news-trending .vaside__rank li:first-child{ border-top:0; }
.news-trending .vaside__rank li a{
  flex:1; display:grid; grid-template-columns:36px minmax(0,1fr); gap:12px; align-items:flex-start; padding:14px 0;
}
.news-trending .vaside__rank li:first-child a{ padding-top:0; }
.news-trending .vaside__rank li:last-child a{ padding-bottom:4px; }
.news-trending .vaside__txt{ display:flex; flex-direction:column; gap:5px; min-width:0; }
.news-trending .news-trending__head{
  display:flex; align-items:center; justify-content:space-between;
  margin:0 0 14px; padding:0 0 12px; border-bottom:1px solid var(--border-bottom,#e5e7eb);
}
.news-trending .vaside__num{
  font-family:var(--display,inherit); font-weight:800; font-size:clamp(28px,2.4vw,36px);
  line-height:.9; letter-spacing:-.04em; color:#C8C2B6; padding-top:2px;
}
.news-trending .kicker{
  display:block; width:max-content; max-width:100%; margin:0;
  font-family:var(--sans,system-ui,sans-serif); font-size:11px; font-weight:800; letter-spacing:.02em; text-transform:uppercase;
}

@media (max-width:600px){
  .news-trending .vaside__rank li a{ padding:12px 0; }
  .news-trending .vaside__rank li:first-child a{ padding-top:0; }
}