.site-announcements{margin:0 auto 12px;max-width:1200px;padding:0 20px;display:grid;gap:8px}
.site-announcement{
  border-radius:12px;padding:12px 16px;font-size:14px;line-height:1.5;
  border:1px solid rgba(148,163,184,.3);
}
.site-announcement-title{font-weight:700;margin-bottom:4px;font-size:15px}
.site-announcement-body{color:var(--light-gray)}
.site-announcement.info{background:rgba(56,189,248,.1);border-color:rgba(56,189,248,.4)}
.site-announcement.info .site-announcement-title{color:#7dd3fc}
.site-announcement.warning{background:rgba(251,191,36,.1);border-color:rgba(251,191,36,.45)}
.site-announcement.warning .site-announcement-title{color:#fcd34d}
.site-announcement.maintenance{background:rgba(249,115,22,.12);border-color:rgba(249,115,22,.45)}
.site-announcement.maintenance .site-announcement-title{color:#fdba74}
.site-announcement.dev{background:rgba(139,92,246,.12);border-color:rgba(139,92,246,.45)}
.site-announcement.dev .site-announcement-title{color:#c4b5fd}
.site-announcement.news{background:rgba(16,185,129,.1);border-color:rgba(52,211,153,.4)}
.site-announcement.news .site-announcement-title{color:#6ee7b7}
.service-maintenance-banner{
  margin:0 auto 12px;
  max-width:1200px;
  padding:0 20px;
}
.service-maintenance-banner-inner{
  border-radius:12px;
  padding:10px 14px;
  font-size:14px;
  line-height:1.45;
  color:#fdba74;
  background:rgba(249,115,22,.12);
  border:1px solid rgba(249,115,22,.45);
}
.service-maintenance-banner-text{display:block}