.announcement-slot {width:min(calc(100% - 36px), 1132px);margin:14px auto 0}
.announcement-slot:empty {display:none}
.info-page .announcement-slot {width:100%;margin:0 0 24px}
.nouri-announcement {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px 20px;
  padding:14px 18px;
  border:1px solid #58734c;
  border-inline-start:3px solid #d5f97a;
  border-radius:14px;
  background:#21382a;
  color:#f0f6ed;
  overflow-wrap:anywhere;
}
.nouri-announcement p {margin:0}
.nouri-announcement .nouri-announcement-label {
  margin:0 0 4px;
  color:#d5f97a;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.nouri-announcement-title {font-size:1rem;font-weight:800;line-height:1.35}
.nouri-announcement .nouri-announcement-message {margin-top:2px;font-size:.92rem;line-height:1.5;white-space:pre-line}
.nouri-announcement :is(a,span).nouri-announcement-action {
  display:grid;
  place-items:center;
  min-height:44px;
  max-width:22ch;
  box-sizing:border-box;
  padding:8px 16px;
  border-radius:10px;
  background:#d5f97a;
  color:#15241b;
  font-weight:800;
  font-size:.875rem;
  line-height:1.35;
  text-align:center;
  text-decoration:none;
}
a.nouri-announcement-action:hover {background:#e3ffa1;text-decoration:underline}
a.nouri-announcement-action:focus-visible {outline:2px solid #f0f6ed;outline-offset:3px}
.announcement-editor {max-width:760px}
.announcement-editor input,.announcement-editor textarea {max-width:100%;min-width:0}
.announcement-editor fieldset {margin:16px 0;padding:0;border:0;min-width:0}
.announcement-editor legend {font-weight:800;margin-bottom:8px}
.announcement-editor .fineprint {margin-top:8px}
.announcement-status-chip {font-size:.8rem;font-weight:800;color:var(--text);background:var(--surface-soft);padding:5px 10px;border-radius:30px}
.announcement-status-chip[data-status=live] {background:#d5f97a;color:#15241b}
#announcementAdminPreview:empty {display:none}
#announcementAdminPreview {margin:14px 0}
#announcementControls[disabled] {opacity:.65}
@media(max-width:540px){
  .nouri-announcement {grid-template-columns:minmax(0,1fr);gap:10px;padding:12px 14px}
  .nouri-announcement :is(a,span).nouri-announcement-action {justify-self:start;max-width:100%}
  .announcement-editor .grid2 {grid-template-columns:minmax(0,1fr)}
}