/* Loaded only on blog pages, after styles.css. Same tokens, no new palette. */

a.why-card { display: block; }

.prose ul,
.prose ol { margin: 0 0 16px; padding-left: 1.25em; }
.prose li { font-weight: 500; font-size: clamp(16px, 1.5vw, 18px); line-height: 1.72; margin: 0 0 8px; }
.prose a { color: var(--green-bright); text-decoration: underline; text-underline-offset: 3px; }
.prose blockquote { margin: 0 0 16px; padding: 0 0 0 16px; border-left: 3px solid var(--green-bright); }
.prose pre { margin: 0 0 16px; padding: 14px 16px; border-radius: 12px; background: rgba(255,255,255,.06); overflow: auto; }
.prose code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .92em; }
.prose hr { border: 0; border-top: 1px solid rgba(255,255,255,.16); margin: 22px 0; }
.prose img { border-radius: 16px; margin: 8px 0 18px; }
.prose-cta { display: flex; flex-wrap: wrap; gap: 12px; }
.blog-empty { text-align: center; }
.blog-empty .prose-cta { justify-content: center; }
.why-card .eyebrow { margin-bottom: 14px; }