.campus-frontend-update {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 16px;
  border: 1px solid currentColor;
  border-radius: 12px;
  font-size: 16px;
}
.campus-frontend-update .campus-notice-copy { display: grid; gap: 4px; }
.campus-frontend-update button { min-height: 44px; font-size: 16px; cursor: pointer; }
.campus-client-shell > .campus-frontend-update {
  position: fixed;
  z-index: 100;
  inset: auto max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
  margin-inline: auto;
  max-width: 540px;
  color: #f5f5f7;
  background: #202024;
}
@media (max-width: 420px) {
  .campus-frontend-update { flex-wrap: wrap; }
}