/* ── 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: 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); }

/* ── Adaptation for Via Crispi ───────────────────────────────────────
   ITA's private tokens and class vocabulary, carried locally. None of
   .shape / .sq / .ci / .h2 / .kicker / .lead / .link-cta /
   .section-head / .cta-row / .dot / .chip-grid / .cap-quote /
   .btn-dark / .sm-col is a shared primitive — they live in ITA's own
   stylesheet — so each block that uses them carries its own copy. */
.block-ita_badge_note {
  --color-accent-2: var(--color-accent);
  --color-accent-3: var(--color-accent-soft);
  --radius: 0;                      /* design system §8: square corners */
}
.block-ita_badge_note .shape {
  display: inline-block; width: 7px; height: 7px;
  background: var(--color-accent); margin-right: 10px;
  vertical-align: middle; flex: 0 0 auto;
}
.block-ita_badge_note .shape.ci { border-radius: 50%; }
.block-ita_badge_note .shape.tri {
  width: 0; height: 0; background: none;
  border-left: 4px solid transparent; border-right: 4px solid transparent;
  border-bottom: 7px solid var(--color-accent);
}
.block-ita_badge_note .kicker, .block-ita_badge_note .section-head .kicker {
  display: flex; align-items: center;
  font-family: var(--font-eyebrow);
  font-size: 12px; font-weight: 600; letter-spacing: .16em;
  text-transform: uppercase; color: var(--color-muted);
  margin-bottom: 20px;
}
.block-ita_badge_note .h2 {
  font-family: var(--font-display);
  font-size: clamp(28px, 3.4vw, 46px); font-weight: 600;
  line-height: 1.08; letter-spacing: -.015em;
  color: var(--color-fg); margin-bottom: 20px; text-wrap: balance;
}
.block-ita_badge_note .lead {
  font-size: 17px; line-height: 1.65;
  color: var(--color-fg-muted); max-width: 68ch;
}
.block-ita_badge_note .section-head { margin-bottom: clamp(32px, 4vw, 56px); }
.block-ita_badge_note .cta-row { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 32px; }
.block-ita_badge_note .btn-dark {
  background: var(--color-fg); color: var(--color-bg); border-color: var(--color-fg);
}
.block-ita_badge_note .btn-dark:hover {
  background: var(--color-accent-soft); border-color: var(--color-accent-soft); color: var(--color-bg);
}
.block-ita_badge_note .link-cta {
  font-family: var(--font-eyebrow);
  font-size: 13px; font-weight: 600; letter-spacing: .1em;
  text-transform: uppercase; text-decoration: none;
  color: var(--color-accent-soft);
  border-bottom: 1px solid var(--color-border); padding-bottom: 4px;
  transition: border-color .3s cubic-bezier(.2,.6,.2,1);
}
.block-ita_badge_note .link-cta:hover { border-bottom-color: var(--color-accent-soft); }

/* ── Via Crispi contrast fix ─────────────────────────────────────────
   The gold/teal variants paint the callout heading with the raw accent,
   which on this brand is a light tan: 2.87:1 on the white ground —
   under the 3:1 floor for large text, and this block carries the
   conditions notice, which has to be read. --color-accent-soft is the
   brand's own documented "accent as text" value (4.8:1). */
.block-ita_badge_note .badge-note.ita-bn--gold h4 { color: var(--color-accent-soft); }
.block-ita_badge_note .badge-note.ita-bn--teal h4 { color: var(--color-accent-soft); }