/*
 * Brand Refresh -- calculator callout only (the 14 pages listed in
 * generate.py's CALCULATOR_CALLOUTS). Split out of refresh.css
 * (2026-09-07) so the ~130 other refreshed pages don't ship it.
 * Loaded only when generate.py sets front matter `hasCalcCallout: true`
 * (see base.njk).
 */

/* Contextual calculator callout (brief section 5: "contextual placement
   on relevant existing pages... embedded or linked from"). A link, not
   a JS modal -- Christa's follow-up request said "a pop up or a link",
   and a plain link is simpler/more robust than a modal for a handful of
   placements (2026-09-05, generate.py's CALCULATOR_CALLOUTS/
   inject_calculator_callout). */
body.refresh .calc-callout {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
  max-width: 1140px;
  margin: 0 auto;
  padding: 1.5rem 1.75rem;
  background: #fff;
  border: 1px solid rgba(31, 61, 43, 0.1);
  border-left: 4px solid var(--color-accent);
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(31, 61, 43, 0.08);
}
body.refresh .calc-callout__body { flex: 1 1 320px; }
body.refresh .calc-callout__eyebrow {
  margin: 0 0 0.3rem;
  color: var(--color-accent-text);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.75rem;
  font-weight: 700;
}
body.refresh .calc-callout__body h3 { margin: 0 0 0.35rem; font-size: 1.1rem; }
body.refresh .calc-callout__body p { margin: 0; color: #555; font-size: 0.9rem; }
body.refresh .calc-callout .btn { flex: 0 0 auto; white-space: nowrap; }