/* Trending now (trends.py). Colours come from the site variables and currentColor only. */
.tr-tabs{display:flex;flex-wrap:wrap;gap:4px;margin:32px var(--m) 0;font:var(--step-small) var(--sans)}
.tr-tabs a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;background:var(--surface);text-decoration:none}
.tr-tabs a:hover{background:var(--s3)}
.tr-tabs a[aria-current]{background:var(--accent);color:var(--accent-ink)}
.tr-filters{display:flex;flex-wrap:wrap;gap:12px 24px;margin:20px var(--m) 0;font:var(--step-small) var(--sans)}
.tr-filters[hidden]{display:none}
.tr-filters label{display:grid;gap:4px;color:var(--muted)}
.tr-filters select{min-height:44px;min-width:min(240px,100%);max-width:100%;padding:0 12px;background:var(--surface);color:var(--ink);border:1px solid var(--line);font:inherit}
.tr-group{margin:56px var(--m) 0}
.tr-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 24px;margin-bottom:16px}
.tr-head h2{font-size:clamp(1.5rem,1.2rem + 1.2vw,2.25rem);line-height:1.1}
.tr-head p,.tr-empty{margin:0;font:var(--step-small) var(--sans);color:var(--muted)}
.tr-empty{margin:32px var(--m) 0;font-size:var(--step-body)}
.tr-empty[hidden]{display:none}
.tr-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.tr-item[hidden],.tr-group[hidden]{display:none}
.tr-row{background:var(--surface)}
.tr-row[open]{background:var(--s2)}
.tr-sum{display:grid;grid-template-columns:minmax(0,1fr) 110px 120px;gap:8px 20px;align-items:center;padding:16px 20px;cursor:pointer;list-style:none;min-height:64px}
.tr-sum::-webkit-details-marker{display:none}
.tr-sum:hover{background:var(--s2)}
.tr-main{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;min-width:0}
.tr-name{font:600 var(--step-lead)/1.2 var(--serif);letter-spacing:-.02em;overflow-wrap:anywhere}
.tr-since{flex-basis:100%;font:var(--step-small) var(--sans);color:var(--muted)}
.tr-badge{display:inline-block;padding:2px 10px;font:600 .8125rem/1.5 var(--sans);border:1px solid currentColor}
.tr-badge.is-breakout{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.tr-badge.is-rising{color:var(--accent)}
.tr-badge.is-cooling{color:var(--muted)}
.tr-idx{display:grid;gap:2px;font:var(--step-small) var(--sans);color:var(--muted)}
.tr-idx b{min-width:2ch;font-weight:600}
.tr-spark{width:120px;height:32px;color:var(--accent);display:block}
.tr-more{padding:4px 20px 24px;display:grid;gap:12px;font-family:var(--sans)}
.tr-more h4{margin:8px 0 0;font:600 var(--step-small) var(--sans);color:var(--muted)}
.tr-why{flex-basis:100%;margin:4px 0;font:var(--step-body)/1.5 var(--serif);max-width:62ch}
.tr-notes{margin:0;padding-left:18px;font-size:var(--step-small)}
.tr-ent p{margin:4px 0 0;display:flex;flex-wrap:wrap;gap:4px 16px;font-size:var(--step-small)}
.tr-stories{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.tr-stories>li>a:first-child{font:600 1.0625rem/1.35 var(--serif)}
.tr-meta{display:flex;flex-wrap:wrap;gap:2px 14px;margin-top:2px;font-size:var(--step-small);color:var(--muted)}
.tr-src{color:inherit}
.tr-method{margin:72px var(--m) 0;max-width:72ch}
.tr-method h2{font-size:var(--step-lead)}
.tr-method p{font:var(--step-small)/1.6 var(--sans);color:var(--muted)}
@media(max-width:719px){
.tr-sum{grid-template-columns:minmax(0,1fr) 120px;padding:14px 16px}
.tr-main{grid-column:1/-1}
.tr-idx{grid-column:1}
.tr-spark{grid-column:2;width:120px}
.tr-more{padding:4px 16px 20px 16px}
}
/* Home highlight */
.news-trending{padding:24px 20px;background:var(--surface)}
.tr-home{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.tr-home li{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:2px 12px;align-items:center}
.tr-hname{font:600 18px/1.3 var(--serif);overflow-wrap:anywhere}
.tr-home .tr-badge{justify-self:start;grid-column:1;font-size:.75rem}
.tr-home .tr-spark{grid-column:2;grid-row:1/3;width:92px;height:28px}
.tr-hnote{margin:16px 0 0;font:var(--step-small) var(--sans);color:var(--muted)}