.blog-prose {
  color: #334155;
  font-size: 1rem;
  line-height: 1.8;
  overflow-wrap: anywhere;
}
.blog-prose h2,
.blog-prose h3 {
  color: #0f172a;
  font-weight: 700;
  line-height: 1.35;
  scroll-margin-top: 5rem;
}
.blog-prose h2 {
  font-size: 1.5rem;
  margin: 2.25rem 0 1rem;
  padding-bottom: .5rem;
  border-bottom: 1px solid #e2e8f0;
}
.blog-prose h3 {
  font-size: 1.25rem;
  margin: 1.75rem 0 .75rem;
}
.blog-prose p { margin: 0 0 1.25rem; }
.blog-prose strong { color: #0f172a; font-weight: 700; }
.blog-prose ul,
.blog-prose ol {
  margin: 0 0 1.25rem;
  padding-left: 1.5rem;
}
.blog-prose ul { list-style: disc; }
.blog-prose ol { list-style: decimal; }
.blog-prose li { margin-bottom: .5rem; }
.blog-prose blockquote {
  border-left: 3px solid #059669;
  background: #ecfdf5;
  color: #334155;
  padding: 1rem 1.25rem;
  margin: 1.5rem 0;
  border-radius: .5rem;
}
.blog-prose table {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  margin: 1.5rem 0;
  border-collapse: collapse;
  font-size: .875rem;
  background: #fff;
  border: 1px solid #e2e8f0;
}
.blog-prose table th,
.blog-prose table td {
  padding: .75rem 1rem;
  border-bottom: 1px solid #e2e8f0;
  white-space: normal;
  min-width: 8rem;
  text-align: left;
}
.blog-prose th { background: #f1f5f9; color: #0f172a; font-weight: 700; }
.blog-prose td { color: #334155; }
.blog-prose code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .875em;
  background: #f1f5f9;
  color: #065f46;
  padding: .15rem .35rem;
  border-radius: .25rem;
}
.blog-prose pre {
  overflow-x: auto;
  max-width: 100%;
  margin: 1.5rem 0;
  padding: 1rem;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: .75rem;
  line-height: 1.6;
}
.blog-prose pre code {
  background: transparent;
  padding: 0;
  font-size: .875rem;
  white-space: pre;
  overflow-wrap: normal;
}
.blog-prose a { color: #047857; text-decoration: underline; text-underline-offset: 3px; }
.blog-prose a:hover { color: #065f46; }
.blog-prose a:focus-visible,
.blog-faq summary:focus-visible { outline: 2px solid #047857; outline-offset: 3px; }
.blog-prose img { max-width: 100%; height: auto; border-radius: .75rem; margin: 1.5rem auto; }
.blog-faq summary { cursor: pointer; min-height: 44px; }
.blog-prose figure { margin: 2rem 0; }
.blog-prose figure img { display: block; width: 100%; margin: 0; }
.blog-prose figcaption { margin-top: .75rem; color: #475569; font-size: .875rem; line-height: 1.6; }