/* Editorial pages share the same quiet surfaces and clear hierarchy as the
   radio guide and podcast catalogue. MAIS NEWS keeps its own pink accent. */
.news-page{
  --news-accent:#ff4f91;
  background:var(--ui81-bg) !important;
  color:var(--ui81-text) !important;
  font-family:'Reddit Sans',sans-serif;
}
.news-page *{box-sizing:border-box}
.news-page .news-shell{width:min(var(--ui81-max),calc(100% - 40px));padding-bottom:150px}
.news-page .news-topbar{
  min-height:78px;
  border-bottom:1px solid var(--ui81-line);
  background:color-mix(in srgb,var(--ui81-bg) 91%,transparent) !important;
  box-shadow:none;
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
}
.news-page .news-back,.news-page .news-refresh,.news-page .news-article-back{
  min-width:44px;min-height:44px;
  border:1px solid var(--ui81-line);
  border-radius:14px;
  background:var(--ui81-surface);
  color:var(--ui81-text);
}
.news-page .news-back:hover,.news-page .news-refresh:hover,.news-page .news-article-back:hover{
  border-color:var(--news-accent);
  background:var(--ui81-surface-2);
}
.news-page .news-topbrand{min-width:0}
.news-page .news-topbrand img{max-width:min(36vw,200px);height:29px}
.news-page .news-topbrand span{color:var(--ui81-muted)}
.news-page .news-hero{max-width:900px;padding:47px 0 28px}
.news-page .news-kicker{color:var(--news-accent)}
.news-page .news-kicker::before{background:var(--news-accent);box-shadow:none}
.news-page .news-hero h1{
  max-width:760px;margin:14px 0 15px;
  color:var(--ui81-text);
  font-size:clamp(38px,5.7vw,68px);
  line-height:1.03;
  letter-spacing:-.052em;
}
.news-page .news-hero p{max-width:740px;color:var(--ui81-muted);line-height:1.65}
.news-page .news-tools{margin:0 0 14px}
.news-page .news-search{
  min-height:50px;
  border:1px solid var(--ui81-line);
  background:var(--ui81-surface);
}
.news-page .news-search:focus-within{border-color:var(--news-accent)}
.news-page .news-search input{color:var(--ui81-text)}
.news-page .news-search input::placeholder{color:var(--ui81-muted)}
.news-page .news-filters{gap:8px;margin-bottom:20px}
.news-page .news-filter{
  min-height:42px;border:1px solid var(--ui81-line);
  background:var(--ui81-surface);
  color:var(--ui81-muted);
}
.news-page .news-filter:hover{color:var(--ui81-text);border-color:var(--news-accent)}
.news-page .news-filter.active{border-color:var(--news-accent);background:var(--news-accent);color:#201022}
.news-page .news-status,.news-page .news-empty{
  border:1px solid var(--ui81-line);
  background:var(--ui81-surface);
  color:var(--ui81-muted);
}
.news-page .news-status b{color:var(--ui81-text)}
.news-page .news-status.is-error{border-color:rgba(255,79,145,.4);background:#3a1024;color:#ffd2e3}
.news-page .news-grid{gap:18px}
.news-page .news-card{
  border:1px solid var(--ui81-line);
  border-radius:19px;
  background:var(--ui81-surface);
  color:var(--ui81-text);
  box-shadow:none;
}
.news-page .news-card:hover,.news-page .news-card:focus-visible{
  border-color:color-mix(in srgb,var(--news-accent) 62%,var(--ui81-line));
  box-shadow:var(--ui81-shadow);
}
.news-page .news-card-media{border:0;background:var(--ui81-surface-2)}
.news-page .news-card-source{background:rgba(6,19,36,.88);color:#f7fbff}
.news-page .news-card.is-editorial .news-card-source{background:var(--news-accent);color:#201022}
.news-page .news-card-body,.news-page .news-card.is-editorial .news-card-body{
  padding:18px 20px 20px;
  background:var(--ui81-surface);
  color:var(--ui81-text);
}
.news-page .news-card-meta,.news-page .news-card.is-editorial .news-card-meta{color:var(--ui81-muted)}
.news-page .news-card h3{color:var(--ui81-text);font-size:clamp(17px,1.7vw,21px);line-height:1.23}
.news-page .news-card p,.news-page .news-card.is-editorial p{color:var(--ui81-muted);font-size:12px}
.news-page .news-card-open,.news-page .news-card.is-editorial .news-card-open{color:var(--news-accent)}
.news-page .news-sources,.news-page .news-newsroom{
  border:1px solid var(--ui81-line);
  border-radius:20px;
  background:var(--ui81-surface);
}
.news-page .news-sources h2,.news-page .news-newsroom h2{color:var(--ui81-text)}
.news-page .news-sources p,.news-page .news-newsroom p{color:var(--ui81-muted)}
.news-page .news-source-chip{border:1px solid var(--ui81-line);background:var(--ui81-surface-2);color:var(--ui81-text)}
.news-page .news-newsroom-tag,.news-page .news-btn{background:var(--news-accent);color:#201022}
.news-page .news-btn.is-quiet{border:1px solid var(--ui81-line);background:var(--ui81-surface-2);color:var(--ui81-text)}
.news-page .news-article{max-width:790px;padding-top:24px}
.news-page .news-article h1{color:var(--ui81-text);line-height:1.1}
.news-page .news-article-meta{color:var(--ui81-muted)}
.news-page .news-article-lead{color:var(--ui81-text)}
.news-page .news-article-body p{color:var(--ui81-muted)}
.news-page .news-article-source{color:var(--news-accent)}
.news-page :is(button,input,a):focus-visible,
.podcasts-page :is(button,input,a):focus-visible,
.hosts-page :is(button,input,a):focus-visible,
.radiovision-page :is(button,input,a):focus-visible,
.dist-page :is(button,input,a):focus-visible{
  outline:2px solid var(--ui81-accent);
  outline-offset:3px;
}
.news-page :is(button,input,a):focus-visible{outline-color:var(--news-accent)}
@media(min-width:981px){
  .news-page .news-card:first-child{grid-column:span 2;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
  .news-page .news-card:first-child .news-card-media{height:100%;min-height:280px;aspect-ratio:auto}
  .news-page .news-card:first-child h3{font-size:clamp(24px,2.5vw,31px)}
}
@media(max-width:980px){.news-page .news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:699px){
  .news-page .news-shell{width:min(100% - 24px,620px)}
  .news-page .news-topbar{min-height:calc(66px + env(safe-area-inset-top))}
  .news-page .news-hero{padding:28px 0 22px}
  .news-page .news-grid{grid-template-columns:1fr;gap:12px}
  .news-page .news-card{border-radius:17px}
  .news-page .news-card-body,.news-page .news-card.is-editorial .news-card-body{padding:15px 16px 18px}
}