* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body {
  background: #050608;
  color: #f4eee0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Roboto, Arial, sans-serif;
}
a { color: inherit; }

.shell { width: min(760px, calc(100% - 32px)); margin: 0 auto; padding: 28px 0 60px; }

.hero { margin-bottom: 22px; }
.eyebrow { margin: 0 0 6px; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: #c9a23d; font-weight: 700; }
.hero h1 { margin: 0; font-size: 28px; font-weight: 800; }
.hero .sub { margin: 8px 0 0; color: rgba(244,238,224,.6); font-size: 14px; line-height: 1.8; }

.filters { display: flex; gap: 8px; margin-bottom: 18px; }
.filter-btn {
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
  color: rgba(244,238,224,.7);
  border-radius: 999px;
  padding: 7px 16px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.filter-btn.is-active { background: #c9a23d; color: #14110a; border-color: transparent; }

.status { color: rgba(244,238,224,.5); font-size: 13px; margin-bottom: 14px; }
.status.is-error { color: #e08b7d; }

.news-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }

.news-item {
  display: block;
  padding: 14px 16px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  background: rgba(255,255,255,.02);
  text-decoration: none;
  transition: border-color .15s ease, background .15s ease;
}
.news-item:hover { border-color: rgba(201,162,61,.4); background: rgba(255,255,255,.045); }

.news-item-top { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.news-badge {
  font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase;
  padding: 2px 9px; border-radius: 999px;
}
.news-badge.world { background: rgba(80,140,220,.18); color: #7fb0f0; }
.news-badge.ir { background: rgba(201,162,61,.18); color: #e0bd63; }
.news-source { font-size: 11px; color: rgba(244,238,224,.45); }
.news-time { font-size: 11px; color: rgba(244,238,224,.35); margin-inline-start: auto; }

.news-title { font-size: 15px; font-weight: 700; line-height: 1.6; margin: 0; }