.service-notice-card {
  border-width: 2px;
  border-style: solid;
}

.service-notice-card.service-notice-info {
  border-color: #75bdf2;
  background: linear-gradient(180deg, #f5fbff 0%, #ffffff 100%);
}

.service-notice-card.service-notice-warning {
  border-color: #f0b429;
  background: linear-gradient(180deg, #fff9e8 0%, #ffffff 100%);
}

.service-notice-card.service-notice-critical {
  border-color: #d64545;
  background: linear-gradient(180deg, #fff2f2 0%, #ffffff 100%);
}

.service-notice-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 0.78rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.service-notice-info .service-notice-label {
  background: #dff2ff;
  color: #075e9b;
}

.service-notice-warning .service-notice-label {
  background: #fff0bd;
  color: #7a4d00;
}

.service-notice-critical .service-notice-label {
  background: #ffdede;
  color: #9d1c1c;
}

.service-notice-meta {
  margin-top: 12px;
  font-size: 0.86rem;
  color: #63738a;
}