.news-page,
.news-brand{
  --news-a:var(--accent-a,#00d4ff);
  --news-b:var(--accent-b,#7b61ff);
  --news-c:var(--accent-c,#ff6ec7);
  --news-grad:var(--infinity-grad,linear-gradient(135deg,var(--news-a),var(--news-b),var(--news-c)));
  --news-fg:var(--fg,#102033);
  --news-fg-2:var(--fg-2,#3d4d66);
  --news-muted:var(--fg-muted,#66758a);
  --news-border:var(--border,rgba(16,32,51,.12));
  --news-surface:var(--bg-glass,rgba(255,255,255,.92));
  --news-shadow:var(--shadow-lg,0 16px 40px rgba(16,24,40,.14));
}
.news-page{
  position:relative;
  min-height:100vh;
  overflow:hidden;
  isolation:isolate;
  color:var(--news-fg);
}
.news-page::before,
.news-page::after{
  content:'';
  position:fixed;
  border-radius:50%;
  filter:blur(60px);
  opacity:.28;
  pointer-events:none;
  z-index:0;
}
.news-page::before{width:420px;height:420px;top:-80px;right:-80px;background:var(--news-a)}
.news-page::after{width:360px;height:360px;bottom:-60px;left:-80px;background:var(--news-b)}
.news-stars{
  position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:radial-gradient(1px 1px at 12% 18%,rgba(255,255,255,.55),transparent),
    radial-gradient(1px 1px at 72% 32%,rgba(255,255,255,.4),transparent),
    radial-gradient(1px 1px at 40% 78%,rgba(255,255,255,.35),transparent);
}
.news-header,.news-main,.news-footer{position:relative;z-index:1}
.news-header{padding:18px 22px 0}
.news-main{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:18px 0 48px}
.news-footer{padding:0 22px 28px;color:var(--news-muted)}
.news-brand{padding:4px 0 18px;color:var(--news-fg)}
.news-hero{margin:8px 0 28px}
.news-kicker{
  margin:0 0 8px;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;
  background:var(--news-grad);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.news-title{margin:0 0 10px;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.1}
.news-lead,.news-interests,.news-empty{margin:0 0 8px;color:var(--news-fg-2);max-width:70ch;line-height:1.55}
.news-interests{font-size:.92rem;color:var(--news-muted)}
.news-section{margin:0 0 34px}
.news-section-head{display:flex;align-items:baseline;gap:12px;margin:0 0 14px;flex-wrap:wrap}
.news-section-title{margin:0;font-size:1.25rem}
.news-section-kicker{margin:0;color:var(--news-muted);font-size:.85rem}
.news-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.news-card{
  border:1px solid var(--news-border);border-radius:16px;background:var(--news-surface);
  box-shadow:var(--news-shadow);overflow:hidden;min-height:100%;
}
.news-card-link{display:flex;flex-direction:column;color:inherit;text-decoration:none;height:100%}
.news-thumb{display:flex;align-items:center;justify-content:center;min-height:88px;padding:18px;background:linear-gradient(135deg,rgba(0,212,255,.12),rgba(123,97,255,.12))}
.news-thumb img{width:40px;height:40px;object-fit:contain;display:block}
.news-card-body{display:flex;flex-direction:column;gap:6px;padding:12px 14px 16px}
.news-meta{font-size:.75rem;color:var(--news-muted);letter-spacing:.02em}
.news-card-title{font-weight:650;line-height:1.3}
.news-card-desc{font-size:.88rem;color:var(--news-fg-2);line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.news-card-link:hover .news-card-title{background:var(--news-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
@media (max-width:640px){
  .news-main{width:calc(100% - 24px)}
  .news-grid{grid-template-columns:1fr}
}