/* ── Base ─────────────────────────────────────────── */
.gaia-notice {
  position: relative;
  border: 1.5px solid;
  padding: 1.5rem 1.25rem 1.25rem;
  margin-top: 2rem; /* room for the label that sticks up */
  margin-bottom: 1.5rem;
  /* no background — intentional */
}

/* ── Label — sits ON TOP of the border ──────────────
   White background cuts through the border line,
   creating the "legend" effect.
────────────────────────────────────────────────────── */
.gaia-notice .gaia-notice__label {
  position: absolute;
  top: -0.72em;
  left: 0.75rem;
  background: #ffffff;
  padding: 0 0.5em;
  font-weight: 700;
  font-size: 0.95rem;
  line-height: 1.4;
}

/* ── Content ──────────────────────────────────────── */
.gaia-notice .gaia-notice__content {
  color: #333333;
}

/* Content line-height variants — .post_content prefix outguns theme rules */
.post_content .gaia-notice--lh-compact .gaia-notice__content p,
.gaia-notice--lh-compact .gaia-notice__content p {
  line-height: 1.5;
}

.post_content .gaia-notice--lh-normal .gaia-notice__content p,
.gaia-notice--lh-normal .gaia-notice__content p {
  line-height: 1.8;
}

.post_content .gaia-notice--lh-wide .gaia-notice__content p,
.gaia-notice--lh-wide .gaia-notice__content p {
  line-height: 2.2;
}

.gaia-notice .gaia-notice__content p {
  margin-top: 0;
  margin-bottom: 0.7em;
}

.gaia-notice .gaia-notice__content p:last-child {
  margin-bottom: 0;
}

/* ── Blue ─────────────────────────────────────────── */
.gaia-notice--blue {
  border-color: #2196f3;
}
.gaia-notice--blue .gaia-notice__label {
  color: #1565c0;
}

/* ── Red ──────────────────────────────────────────── */
.gaia-notice--red {
  border-color: #ef5350;
}
.gaia-notice--red .gaia-notice__label {
  color: #c62828;
}

/* ── Green ────────────────────────────────────────── */
.gaia-notice--green {
  border-color: #66bb6a;
}
.gaia-notice--green .gaia-notice__label {
  color: #2e7d32;
}

/* ── Yellow ───────────────────────────────────────── */
.gaia-notice--yellow {
  border-color: #ffb300;
}
.gaia-notice--yellow .gaia-notice__label {
  color: #e65100;
}

/* ── Gray ─────────────────────────────────────────── */
.gaia-notice--gray {
  border-color: #bdbdbd;
}
.gaia-notice--gray .gaia-notice__label {
  color: #424242;
}