/* ─── THE INNER CIRCLE — overrides.css ─────────────────────── */

/* Pill badge — Pattern BI hero eyebrow (referenced by class= in block HTML) */
.pill-badge {
  display: inline-block;
  border: 1px solid rgba(255,255,255,0.6);
  border-radius: 100px;
  padding: 4px 14px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* Callout box — Pattern BJ internal highlight (referenced by class= in block HTML) */
.callout-box {
  background-color: #d9ebea;
  padding: 20px 24px;
  border-radius: 6px;
  margin: 20px 0;
}

/* Row divider — Pattern AM between testimonial rows (code block) */
.divider {
  width: 100%;
  height: 1px;
  background: rgba(0,0,0,0.1);
  margin: 0;
}

/* Button weight */
.btn, .form-btn {
  font-weight: 700;
}

/* Bullet marker colour — teal for light sections */
ul li::marker {
  color: #0f414c;
}