/* Real server screenshots, shared by Home alerts and News announcements. */
.news-grid.announcement-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.announcement-card {
  min-width:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:#1a2028;
  border:1px solid #303c49;
  border-radius:12px;
  scroll-margin-top:110px;
}
.announcement-card > img {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16 / 9;
  object-fit:cover;
}
.announcement-body {
  display:flex;
  flex-direction:column;
  flex:1;
  padding:23px 24px 25px;
}
.announcement-meta {
  color:#78c9ee;
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
}
.announcement-body h2,.announcement-body h3 {
  margin-top:12px;
  color:#f4f7fb;
  text-transform:uppercase;
  font-size:22px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:-.025em;
}
.announcement-body p {
  margin-top:12px;
  color:#b9c5d1;
  font-size:14px;
  line-height:1.65;
}
.announcement-link {
  margin-top:auto;
  padding-top:22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#83d1f5;
  font-size:12px;
  font-weight:800;
}
.home-alert { transition:transform .2s ease,border-color .2s ease; }
.home-alert:hover { transform:translateY(-3px);border-color:#71bce4; }
.home-alert:focus-visible { outline:2px solid #83d1f5;outline-offset:4px; }
.announcement-card:target { border-color:#83d1f5;box-shadow:0 0 0 2px rgba(131,209,245,.15); }
@media(max-width:1050px) {
  .news-grid.announcement-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:700px) {
  .news-grid.announcement-grid { grid-template-columns:1fr;gap:18px; }
  .announcement-body { padding:20px; }
  .announcement-card { scroll-margin-top:94px; }
}
@media(prefers-reduced-motion:reduce) {
  .home-alert { transition:none; }
  .home-alert:hover { transform:none; }
}