/* --- Default H3 styling (non-numbered headings) --- */
.rte h3 {
  font-size: 24px !important;
  line-height: 1.4 !important;
  color: #222 !important;
  font-family: "Amatic SC", "Poppins", sans-serif !important;
  font-weight: 700 !important;
  margin-top: 1.5em !important;
  margin-bottom: 0.8em !important;
}

/* --- Numbered H3s (auto-tagged by JS below) --- */
.rte h3.numbered {
  font-size: 30px !important;
  line-height: 1.3 !important;
  text-align: center !important;
  color: #111 !important;
  margin-top: 2em !important;
  margin-bottom: 1em !important;
}

/* Mobile tweak */
@media (max-width: 480px) {
  .rte h3 { font-size: 20px !important; }
  .rte h3.numbered { font-size: 26px !important; }
}