.official-news {
  width: min(1580px, calc(100% - 32px));
  margin: 16px auto 0;
  padding: 14px 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel-background);
}

.official-news summary {
  cursor: pointer;
  color: var(--gold-soft);
  font-weight: 700;
}

.official-news summary span,
.official-news p,
.official-news time {
  color: var(--muted);
  font-size: 0.85rem;
  font-weight: 400;
}

.official-news summary span { margin-left: 12px; }
.official-news a { color: var(--gold-soft); text-underline-offset: 3px; }
.official-news ul { list-style: none; margin: 0 0 14px; padding: 0; }
.official-news li { display: flex; gap: 18px; padding: 7px 0; }
.official-news time { flex: 0 0 105px; }
.official-news a:focus-visible { outline: 2px solid var(--teal); outline-offset: 4px; }

@media (max-width: 720px) {
  .official-news { width: min(1580px, calc(100% - 20px)); }
}

@media (max-width: 600px) {
  .official-news summary span { display: block; margin: 6px 0 0; }
  .official-news li { flex-direction: column; gap: 3px; }
  .official-news time { flex-basis: auto; }
}