:root {
  --cl-red:   #D52B1E;
  --cl-blue:  #0033A0;
  --cl-white: #ffffff;
}
.btn.primary { background: var(--cl-red) !important; color: #fff !important; }
.btn.primary:hover { background: #b82216 !important; }
.btn.outline { border-color: var(--cl-blue) !important; color: var(--cl-blue) !important; }
.btn.outline:hover { background: var(--cl-blue) !important; color: #fff !important; }
.label-tag { background: var(--cl-blue) !important; }
h2 { border-left: 3px solid var(--cl-red); padding-left: 10px; }
.hero-eyebrow { color: var(--cl-red) !important; }
.content-cta { background: var(--cl-red) !important; color: #fff !important; }
.content-cta:hover { background: #b8221620 !important; }
.step-num { background: var(--cl-red) !important; color: #fff !important; }
.card { border-top: 2px solid var(--cl-red) !important; }
.warn-box { background: rgba(213,43,30,.10); border-left: 4px solid var(--cl-red); padding: 14px 18px; border-radius: 0 8px 8px 0; margin: 16px 0; }
.tip-box  { background: rgba(0,51,160,.08); border-left: 4px solid var(--cl-blue); padding: 14px 18px; border-radius: 0 8px 8px 0; margin: 16px 0; }
.facts-list li:nth-child(odd) { background: rgba(213,43,30,.04); }
.tag-red { background: var(--cl-red); color: #fff; }
.tag-blue { background: var(--cl-blue); color: #fff; }
