/* Consolidated inline styles and utilities extracted from HTML
   Purpose: keep visual parity while moving inline styles into a separate file
*/

/* Divider utility */
.section-divider--left-zero {
  margin-left: 0;
}

/* Subtitle color override */
.section-subtitle--peach {
  color: var(--color-peach) !important;
}

/* Spacing utilities */
.mb-24 {
  margin-bottom: 24px !important;
}
.mt-16 {
  margin-top: 16px !important;
}
.mt-32 {
  margin-top: 32px !important;
}
.ml-12 {
  margin-left: 12px !important;
}
.ml-4 {
  margin-left: 4px !important;
}

/* Button compact variant lives in style.css (.btn-compact) — it was duplicated
   here at 12px, which silently beat style.css because this file loads second
   and put the small CTA off the 14px UI step. Kept only in one place. */

/* Full width utility */
.full-width {
  width: 100% !important;
}

/* Icon sizing helpers */
.icon-14 {
  width: 14px;
  height: 14px;
  display: inline-block;
}
.icon-16 {
  width: 16px;
  height: 16px;
  display: inline-block;
}
.icon-20 {
  width: 20px;
  height: 20px;
  display: inline-block;
}
.icon-24 {
  width: 24px;
  height: 24px;
  display: inline-block;
}
.icon-32 {
  width: 32px;
  height: 32px;
  display: inline-block;
}

/* Safety badge icon */
.safety-icon {
  color: var(--color-peach);
  width: 14px;
  height: 14px;
  display: inline-block;
}

/* Iframe helper */
.iframe-borderless {
  border: 0;
}

/* small layout helpers (kept minimal) */
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Keep these utilities low-specificity to avoid interfering with main styles */