/* ── Blog article prose ── */
.blog-prose {
  color: #363739;
  line-height: 1.75;
  font-size: 16px;
}

.blog-prose h1,
.blog-prose h2,
.blog-prose h3,
.blog-prose h4,
.blog-prose h5,
.blog-prose h6 {
  color: #080809;
  font-weight: 700;
  margin-top: 1.75em;
  margin-bottom: 0.6em;
  line-height: 1.3;
}

.blog-prose h1 { font-size: clamp(22px, 3vw, 30px); }
.blog-prose h2 { font-size: clamp(20px, 2.5vw, 26px); }
.blog-prose h3 { font-size: clamp(18px, 2vw, 22px); }
.blog-prose h4 { font-size: 18px; }

.blog-prose p { margin-bottom: 1.1em; }

.blog-prose ul,
.blog-prose ol {
  padding-left: 1.5rem;
  margin-bottom: 1.2em;
}

.blog-prose li { margin-bottom: 0.4em; }

.blog-prose a { color: #f84923; text-decoration: underline; }
.blog-prose a:hover { color: #c93a1b; }

.blog-prose strong { color: #080809; }

.blog-prose img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  display: block;
  margin: 1.5em auto;
}

.blog-prose figure {
  margin: 1.5em 0;
  text-align: center;
}

.blog-prose figcaption {
  font-size: 13px;
  color: #888;
  margin-top: 6px;
}

.blog-prose blockquote {
  border-left: 4px solid #f84923;
  padding: 0.75em 1.25em;
  margin: 1.5em 0;
  color: #555;
  background: #fafafa;
  border-radius: 0 6px 6px 0;
}

.blog-prose table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5em 0;
  font-size: 15px;
  display: block;
  overflow-x: auto;
}

.blog-prose table td,
.blog-prose table th {
  border: 1px solid #ddd;
  padding: 10px 14px;
  vertical-align: top;
}

.blog-prose table th {
  background: #f7f7f7;
  font-weight: 600;
  color: #080809;
}

.blog-prose table tr:nth-child(even) td {
  background: #fafafa;
}

.blog-prose hr {
  border: none;
  border-top: 1px solid #e6e6e6;
  margin: 2em 0;
}