/* Public blog palette: white surfaces, coral actions, dark navy copy. */
body.mca-blog-route {
  background: #fff;
}

body.mca-blog-route .mca-announce {
  display: none;
}

body.mca-blog-route .top {
  background: #fff;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-bottom-color: #e8ebef;
}

.mca-blog-page {
  --blog-coral: #e2506f;
  --blog-coral-deep: #a62f4b;
  --blog-coral-soft: #fff5f5;
  --blog-coral-border: #ffbfbf;
  --blog-ink: #1a1f2c;
  --blog-muted: #687386;
  --blog-line: #e8ebef;
  background: #fff;
  color: var(--blog-ink);
}

.mca-blog-page .mca-blog-shell {
  border-color: var(--blog-line) !important;
}

.mca-blog-page .mca-blog-intro {
  background: #fff;
  border-bottom-color: var(--blog-coral-border) !important;
}

.mca-blog-page .mca-blog-intro h1,
.mca-blog-page .mca-blog-card-title,
.mca-blog-page .mca-blog-article h1,
.mca-blog-page .mca-blog-article h2,
.mca-blog-page .mca-blog-article h3,
.mca-blog-page .mca-blog-article h4 {
  color: var(--blog-ink);
}

.mca-blog-page .mca-blog-intro p,
.mca-blog-page .mca-blog-card-excerpt,
.mca-blog-page .mca-blog-meta,
.mca-blog-page .mca-blog-article .text-muted {
  color: var(--blog-muted) !important;
}

.mca-blog-page .mca-blog-card {
  height: 100%;
  padding: 1.25rem;
  background: #fff;
  border: 1px solid var(--blog-line);
  border-radius: 1rem;
  box-shadow: 0 3px 14px rgba(26, 31, 44, .04);
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.mca-blog-page .mca-blog-card:hover {
  border-color: var(--blog-coral-border);
  box-shadow: 0 10px 26px rgba(239, 86, 86, .12);
  transform: translateY(-2px);
}

.mca-blog-page .mca-blog-card-media,
.mca-blog-page .mca-blog-article figure {
  border-color: var(--blog-coral-border) !important;
  background: var(--blog-coral-soft) !important;
}

.mca-blog-page .mca-blog-link,
.mca-blog-page .breadcrumb a,
.mca-blog-page .mca-blog-article .article a,
.mca-blog-page .mca-blog-back {
  color: var(--blog-coral);
}

.mca-blog-page .mca-blog-link:hover,
.mca-blog-page .breadcrumb a:hover,
.mca-blog-page .mca-blog-article .article a:hover,
.mca-blog-page .mca-blog-back:hover {
  color: var(--blog-coral-deep);
}

.mca-blog-page .breadcrumb-item.active {
  color: var(--blog-muted);
}

.mca-blog-page .mca-blog-article {
  color: var(--blog-ink);
}

.mca-blog-page .mca-blog-article .article blockquote {
  border-left-color: var(--blog-coral) !important;
  background: var(--blog-coral-soft);
}

.mca-blog-page .mca-blog-article .article table {
  --bs-table-border-color: var(--blog-line);
  border-color: var(--blog-line);
}

.mca-blog-page .mca-blog-article .article th {
  background: var(--blog-coral-soft);
  color: var(--blog-ink);
}

.mca-blog-page .mca-blog-cta {
  padding: 1.25rem;
  background: var(--blog-coral-soft);
  border: 1px solid var(--blog-coral-border);
  border-radius: 1rem;
}

.mca-blog-page .mca-blog-cta .btn {
  --bs-btn-bg: var(--blog-coral);
  --bs-btn-border-color: var(--blog-coral);
  --bs-btn-hover-bg: var(--blog-coral-deep);
  --bs-btn-hover-border-color: var(--blog-coral-deep);
  color: #fff;
}

.mca-blog-page hr {
  border-color: var(--blog-coral-border);
  opacity: .75;
}

@media (max-width: 991.98px) {
  .mca-blog-page .mca-blog-card {
    padding: 1rem;
  }
}