/* Scoped editorial extension: existing Home, module pages and articles stay unchanged. */
.mc-article-feature .article-wrap {
  width: min(100%, 1240px) !important;
  max-width: 1240px !important;
  padding-inline: 40px !important;
}
.mc-article-feature .mc-article-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  gap: 48px;
  align-items: center;
  padding-block: 46px 54px !important;
  margin-bottom: 48px !important;
}
.mc-article-feature .mc-article-hero-copy { min-width: 0; }
.mc-article-feature .article-header h1 {
  font-size: clamp(2.8rem, 4.7vw, 4.2rem) !important;
  text-wrap: balance;
}
.mc-article-feature .article-tag::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 3px;
  margin-right: 12px;
  vertical-align: middle;
  background: #ff0000;
}
.mc-article-feature .mc-article-art { margin: 0; min-width: 0; }
.mc-article-feature .mc-article-art img { display: block; width: 100%; height: auto; }
.mc-article-feature .article-body { max-width: 780px; margin-inline: auto; }
.mc-article-feature .article-body > p:first-child { font-size: 1.25rem !important; color: #171717 !important; }
.mc-article-feature .mc-article-takeaway {
  margin: 32px 0;
  padding: 24px 0 24px 24px;
  border-left: 4px solid #ff0000;
}
.mc-article-feature .mc-article-takeaway p:last-child { margin-bottom: 0; }
.mc-article-feature .mc-article-steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  width: min(1160px, calc(100vw - 80px));
  margin: 38px 0 44px 50% !important;
  padding: 0 !important;
  transform: translateX(-50%);
  list-style: none;
  border-top: 2px solid #171717;
}
.mc-article-feature .mc-article-steps li {
  padding: 22px 18px 12px 0;
  margin-bottom: 0;
}
.mc-article-feature .mc-article-steps li + li { padding-left: 18px; border-left: 1px solid #d8d5d1; }
.mc-article-feature .mc-step-number { color: #b00000; font-size: .85rem; font-weight: 700; letter-spacing: .1em; }
.mc-article-feature .mc-article-steps h3 { margin: 12px 0 !important; font-size: 1.5rem !important; }
.mc-article-feature .mc-article-steps p { font-size: 1rem !important; line-height: 1.5 !important; margin-bottom: 0; }
.mc-article-feature .mc-article-comparison {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: min(1160px, calc(100vw - 80px));
  margin: 36px 0 42px 50%;
  transform: translateX(-50%);
  gap: 20px;
}
.mc-article-feature .mc-article-comparison > section {
  min-width: 0;
  padding: 24px;
  border: 1px solid #bdbab6;
  border-top: 3px solid #ff0000;
}
.mc-article-feature .mc-article-comparison h3 { margin: 0 0 16px !important; font-size: 1.65rem !important; }
.mc-article-feature .mc-article-comparison :is(p, li) { font-size: 1.04rem !important; line-height: 1.6 !important; }
.mc-article-feature .mc-article-comparison p:last-child { margin-bottom: 0; }
.mc-article-feature .mc-article-sources { margin-top: 48px; padding-top: 26px; border-top: 1px solid #d8d5d1; }
.mc-article-feature .mc-article-sources h2 { margin-top: 0 !important; font-size: 1.65rem !important; }
.mc-article-feature .mc-article-sources :is(p, li) { font-size: 1rem !important; }
.mc-article-feature .cta-box {
  max-width: 780px;
  margin: 48px auto 72px !important;
  padding: 32px !important;
  border: 0 !important;
  background: #171717 !important;
}
.mc-article-feature .cta-box :is(h2, p) { color: #fff !important; }
.mc-article-feature .cta-box a:not(.btn) { color: #fff; text-decoration-color: #ff0000; }
.mc-article-feature .cta-box .btn { background: #fff !important; color: #171717 !important; }
.mc-article-feature .cta-box .btn:hover { background: #ff0000 !important; }
.mc-article-feature :is(a, summary):focus-visible, .mc-journal-feature-card:focus-visible { outline: 3px solid #b00000; outline-offset: 5px; }
.mc-journal-features { margin-bottom: 54px; }
.mc-journal-feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.mc-journal-feature-card { min-width: 0; display: flex; flex-direction: column; text-decoration: none; border: 1px solid #bdbab6; }
.mc-journal-feature-card img { display: block; width: 100%; height: 250px; object-fit: contain; }
.mc-journal-feature-copy { padding: 24px 28px 28px; border-top: 1px solid #d8d5d1; }
.mc-journal-feature-copy h2 { margin: 0 0 16px; font-size: 2rem; }
.mc-journal-feature-copy p { margin: 0 0 20px; line-height: 1.55; }
.mc-journal-feature-link { display: inline-block; font-weight: 700; border-bottom: 2px solid #ff0000; }
.mc-journal-feature-card:hover .mc-journal-feature-link { color: #b00000; }
@media (max-width: 900px) {
  .mc-article-feature .article-wrap { padding-inline: 24px !important; }
  .mc-article-feature .mc-article-hero { gap: 24px; }
  .mc-article-feature .article-header h1 { font-size: 2.9rem !important; }
  .mc-article-feature .mc-article-steps { grid-template-columns: 1fr; width: 100%; margin-inline: 0 !important; transform: none; }
  .mc-article-feature .mc-article-steps li, .mc-article-feature .mc-article-steps li + li { padding: 18px 0; border-left: 0; border-bottom: 1px solid #d8d5d1; }
  .mc-article-feature .mc-article-steps h3 { display: inline; margin-left: 12px !important; }
  .mc-article-feature .mc-article-steps p { margin-top: 8px; }
  .mc-article-feature .mc-article-comparison { width: 100%; margin-inline: 0; transform: none; grid-template-columns: 1fr; }
  .mc-journal-feature-copy { padding: 22px; }
}
@media (max-width: 640px) {
  .mc-article-feature .article-wrap { padding-inline: 22px !important; }
  .mc-article-feature .mc-article-hero { grid-template-columns: 1fr; gap: 20px; padding-block: 30px !important; margin-bottom: 30px !important; }
  .mc-article-feature .article-header h1 { font-size: clamp(2.55rem, 11vw, 3.65rem) !important; }
  .mc-article-feature .mc-article-art { width: min(100%, 320px); margin-inline: auto; }
  .mc-article-feature .article-body > p:first-child { font-size: 1.14rem !important; }
  .mc-article-feature .cta-box { padding: 26px 22px !important; }
  .mc-journal-feature-grid { grid-template-columns: 1fr; gap: 24px; }
  .mc-journal-feature-card img { height: 210px; }
  .mc-journal-feature-copy h2 { font-size: 1.8rem; }
}
