/* fp-blog-fixes.css — Blog card + callout styles
   Created: March 2026 | Updated: March 7 CLS fix
   Note: blog-article side margins are in main Astro CSS (clamp padding).
   This file only adds callout styling and blog-card tweaks.
   DO NOT add padding/margin overrides here — they cause CLS when loaded deferred. */

/* Callout box — used on 26+ blog pages for key takeaways */
.callout {
  background: linear-gradient(135deg, #f0f8f5, #e8f5e9);
  border-left: 4px solid var(--fp-accent, #00796b);
  border-radius: 0 10px 10px 0;
  padding: 1.25rem 1.5rem;
  margin: 1.5rem 0;
  font-size: .98rem;
  line-height: 1.65;
  color: #37474f;
}
.callout strong {
  color: var(--fp-ink, #1a2744);
}

@media (prefers-reduced-motion: reduce) {
  .callout { transition: none; }
}