/* ── ita_badge_note ─────────────────────────────────────────────────
   Mostly the shared .badge-note component (background/border-left/
   heading already come from shared/styles.css) — this file only adds
   the color variants and de-styles the body copy from the source
   pullquote's giant italic serif treatment down to plain paragraph
   text (any <ul> the editor puts in `body` picks up the shared
   ul.plain shape-bullet styling automatically). Tokens only. */

.block-ita_badge_note { padding: 0; }
.block-ita_badge_note .badge-note { margin-top: 0; max-width: 820px; }
.block-ita_badge_note .badge-note.ita-bn--gold { border-left-color: var(--color-accent-2); }
.block-ita_badge_note .badge-note.ita-bn--gold h4 { color: var(--color-accent-2); }
.block-ita_badge_note .badge-note.ita-bn--teal { border-left-color: var(--color-accent-3); }
.block-ita_badge_note .badge-note.ita-bn--teal h4 { color: var(--color-accent-3); }

.block-ita_badge_note .cap-quote {
  font-family: var(--font-body); font-style: normal; font-weight: 400;
  font-size: 15.5px; line-height: 1.7; color: var(--color-fg-muted);
  margin: 10px 0 0; text-wrap: initial;
}
.block-ita_badge_note .cap-quote p + p { margin-top: 14px; }
.block-ita_badge_note .cap-quote em { font-style: normal; color: var(--color-fg); }
.block-ita_badge_note .ita-bn-outro { margin-top: 14px; color: var(--color-fg-muted); }