/* Announcement priorities 1–10. Kept separate from styles.css intentionally. */
.announcement{
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  word-break:break-word;
  background:transparent;
  border:2px solid transparent;
  font-weight:400;
}
.announcement a{
  color:inherit;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:2px;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.announcement a:hover{text-decoration-thickness:2px}

/* 10: solid red, white bold */
.announcement.p10{
  background:var(--red);
  border-color:var(--red);
  color:#fff;
  font-weight:700;
}

/* 9: transparent, solid red, bold */
.announcement.p9{
  background:transparent;
  border-color:var(--red);
  border-style:solid;
  color:var(--text);
  font-weight:700;
}

/* 8: transparent, dashed red, bold */
.announcement.p8{
  background:transparent;
  border-color:var(--red);
  border-style:dashed;
  color:var(--text);
  font-weight:700;
}

/* 7: solid blue, white bold */
.announcement.p7{
  background:var(--blue);
  border-color:var(--blue);
  color:#fff;
  font-weight:700;
}

/* 6: transparent, solid blue, regular */
.announcement.p6{
  background:transparent;
  border-color:var(--blue);
  border-style:solid;
  color:var(--text);
  font-weight:400;
}

/* 5: transparent, dashed blue, regular */
.announcement.p5{
  background:transparent;
  border-color:var(--blue);
  border-style:dashed;
  color:var(--text);
  font-weight:400;
}

/* 4: transparent, solid emerald, regular */
.announcement.p4{
  background:transparent;
  border-color:var(--em);
  border-style:solid;
  color:var(--text);
  font-weight:400;
}

/* 1–3: transparent, dashed emerald, regular */
.announcement.p1,
.announcement.p2,
.announcement.p3{
  background:transparent;
  border-color:var(--em);
  border-style:dashed;
  color:var(--text);
  font-weight:400;
}