/* MARABIKA Editorial v109 article — "Atelier" long-form reading layer; requires core v108. */
.mbe-editorial.mbe-editorial--article {
  --mbe-prose: 1.125rem;
  --mbe-rail: 14rem;
  --mbe-toc-top: 7.5rem;
}

.mbe-editorial.mbe-editorial--article .mkds-page {
  font-size: var(--mbe-prose);
  line-height: 1.7;
  margin-top: 0;
}

.mbe-editorial.mbe-editorial--article .mkds-page [id^="mbe-"] {
  scroll-margin-top: var(--mbe-toc-top);
}

.mbe-editorial.mbe-editorial--article .mkds-page :where(.mkds-prose, .mkds-heading, .mkds-card, .mkds-note, .mkds-callout, .mkds-quote, .mkds-faq, .mkds-sources) {
  min-width: 0;
}

.mbe-editorial.mbe-editorial--article .mkds-page :where(.mkds-prose, .mkds-faq__answer, .mkds-card p, .mkds-note, .mkds-callout) {
  hyphens: auto;
}

.mbe-editorial.mbe-editorial--article .mkds-page :where(a, th, td, summary) {
  overflow-wrap: anywhere;
}

/* ---- Reading progress (CSS scroll timeline; JS fallback sets --mbe-progress) ---- */
.mbe-editorial.mbe-editorial--article::before {
  content: "";
  position: fixed;
  z-index: 2000;
  inset: 0 auto auto 0;
  width: 100%;
  height: 3px;
  background: var(--mbe-plum);
  transform: scaleX(var(--mbe-progress, 0));
  transform-origin: 0 50%;
  pointer-events: none;
}

@supports (animation-timeline: scroll()) {
  .mbe-editorial.mbe-editorial--article::before {
    animation: mbe-progress linear both;
    animation-timeline: scroll(root);
  }

  @keyframes mbe-progress {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
  }
}

/* ---- Hero ---- */
.mbe-editorial.mbe-editorial--article .mkds-hero.mbe-article-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--mbe-s6);
  width: 100%;
  min-width: 0;
  margin: 0 auto var(--mbe-s7);
  padding: var(--mbe-s4) 0 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.mbe-editorial.mbe-editorial--article .mkds-hero.mbe-article-hero::before,
.mbe-editorial.mbe-editorial--article .mkds-hero.mbe-article-hero::after,
.mbe-editorial.mbe-editorial--article .mbe-article-hero > .mkds-figure::before,
.mbe-editorial.mbe-editorial--article .mbe-article-hero > .mkds-figure::after {
  display: none;
}

.mbe-editorial.mbe-editorial--article .mbe-article-hero__copy {
  min-width: 0;
  padding: 0;
}

.mbe-editorial.mbe-editorial--article .mbe-article-hero.mkds-hero--center .mbe-article-hero__copy {
  width: min(100%, 52rem);
  margin-inline: auto;
  text-align: center;
}

.mbe-editorial.mbe-editorial--article .mbe-article-hero.mkds-hero--center :where(.mkds-title, .mkds-lead, .mbe-article-meta, .mkds-eyebrow) {
  margin-inline: auto;
  justify-content: center;
}

.mbe-editorial.mbe-editorial--article .mbe-article-hero .mkds-title {
  max-width: 24ch;
  margin: 0 0 var(--mbe-s4);
  font-family: var(--mbe-serif);
  font-weight: 600;
  font-size: clamp(2.125rem, 1.25rem + 3.6vw, 3.875rem);
  line-height: 1.04;
}

.mbe-editorial.mbe-editorial--article .mbe-article-hero .mkds-lead {
  max-width: 60ch;
  margin: 0;
}

.mbe-editorial.mbe-editorial--article .mkds-meta.mbe-article-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem 1rem;
  align-items: center;
  margin-top: var(--mbe-s5);
  padding-top: var(--mbe-s4);
  border-top: 1px solid var(--mbe-line);
  color: var(--mbe-text-soft);
  font-family: var(--mbe-sans);
  font-size: .9375rem;
  font-weight: 500;
  line-height: 1.5;
  font-variant-numeric: tabular-nums;
}

.mbe-editorial.mbe-editorial--article .mbe-article-meta > :first-child {
  color: var(--mbe-ink);
  font-weight: 600;
}

.mbe-editorial.mbe-editorial--article .mbe-article-meta > * + *::before {
  content: "\00b7";
  margin-inline-end: 1rem;
  color: var(--mbe-gold);
}

.mbe-editorial.mbe-editorial--article .mbe-article-meta a {
  color: inherit;
  text-decoration-color: var(--mbe-gold);
}

.mbe-editorial.mbe-editorial--article .mbe-article-hero > .mkds-figure {
  width: 100%;
  margin: 0;
  overflow: hidden;
  border: 0;
  border-radius: var(--mbe-r-lg);
  background: var(--mbe-sand);
}

.mbe-editorial.mbe-editorial--article .mbe-article-hero > .mkds-figure img {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.mbe-editorial.mbe-editorial--article .mbe-article-hero figcaption,
.mbe-editorial.mbe-editorial--article .mkds-figure figcaption {
  padding: .6rem 0 0;
  color: var(--mbe-text-soft);
  background: transparent;
  font-family: var(--mbe-sans);
  font-size: .8125rem;
  line-height: 1.5;
}

.mbe-editorial.mbe-editorial--article .mbe-article-hero > .mkds-figure figcaption {
  padding: .6rem var(--mbe-s4) .75rem;
}

/* ---- Table of contents ---- */
.mbe-editorial.mbe-editorial--article .mkds-toc {
  display: block;
  grid-template-columns: none;
  gap: 0;
  width: 100%;
  margin: 0 0 var(--mbe-s7);
  padding: 0;
  border: 0;
  border-radius: var(--mbe-r-lg);
  background: var(--mbe-sand);
  box-shadow: none;
}

.mbe-editorial.mbe-editorial--article .mbe-toc__disclosure {
  width: 100%;
  padding: .25rem 1.25rem;
}

.mbe-editorial.mbe-editorial--article .mkds-toc__label {
  display: flex;
  min-height: var(--mbe-target);
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin: 0;
  padding: .6rem 0;
  color: var(--mbe-gold-dark);
  cursor: pointer;
  font-family: var(--mbe-sans);
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .12em;
  line-height: 1.4;
  list-style: none;
  text-transform: uppercase;
  white-space: normal;
}

.mbe-editorial.mbe-editorial--article .mkds-toc__label::-webkit-details-marker {
  display: none;
}

.mbe-editorial.mbe-editorial--article .mkds-toc__label::after {
  content: "";
  flex: 0 0 auto;
  width: .5rem;
  height: .5rem;
  border-inline-end: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
  transition: transform var(--mbe-fast) var(--mbe-ease);
}

.mbe-editorial.mbe-editorial--article .mbe-toc__disclosure[open] > .mkds-toc__label::after {
  transform: translateY(2px) rotate(225deg);
}

.mbe-editorial.mbe-editorial--article .mkds-toc__links {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  margin: 0;
  padding: .25rem 0 .75rem;
  list-style: none;
  counter-reset: mbe-toc;
}

.mbe-editorial.mbe-editorial--article .mbe-toc__disclosure:not([open]) > .mkds-toc__links {
  display: none;
}

.mbe-editorial.mbe-editorial--article .mkds-toc__links li {
  margin: 0;
  counter-increment: mbe-toc;
}

.mbe-editorial.mbe-editorial--article .mkds-toc__links a {
  display: grid;
  grid-template-columns: 1.75rem minmax(0, 1fr);
  min-height: 2.75rem;
  align-items: center;
  padding: .45rem 0;
  border-inline-start: 2px solid transparent;
  color: var(--mbe-text);
  font-family: var(--mbe-sans);
  font-size: .9375rem;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
  transition: color var(--mbe-fast) var(--mbe-ease), border-color var(--mbe-fast) var(--mbe-ease);
}

.mbe-editorial.mbe-editorial--article .mkds-toc__links a::before {
  content: counter(mbe-toc, decimal-leading-zero);
  color: var(--mbe-gold-dark);
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .04em;
  font-variant-numeric: tabular-nums;
}

.mbe-editorial.mbe-editorial--article .mkds-toc__links a:hover,
.mbe-editorial.mbe-editorial--article .mkds-toc__links a[aria-current="true"] {
  color: var(--mbe-plum-deep);
}

/* ---- Sections & headings ---- */
.mbe-editorial.mbe-editorial--article .mkds-section {
  position: relative;
  margin-block: var(--mbe-s8);
}

.mbe-editorial.mbe-editorial--article .mkds-section--compact {
  margin-block: var(--mbe-s6);
}

.mbe-editorial.mbe-editorial--article .mkds-page > .mkds-heading,
.mbe-editorial.mbe-editorial--article .mkds-section > .mkds-heading,
.mbe-editorial.mbe-editorial--article .mkds-section > .mkds-prose,
.mbe-editorial.mbe-editorial--article .mkds-page > .mkds-prose,
.mbe-editorial.mbe-editorial--article .mkds-page > :where(ul, ol):not(.mkds-steps, .mkds-timeline, .mkds-checklist) {
  width: min(100%, var(--mbe-measure));
  margin-inline: auto;
}

.mbe-editorial.mbe-editorial--article .mkds-heading {
  margin-bottom: var(--mbe-s5);
}

.mbe-editorial.mbe-editorial--article .mkds-section > .mkds-heading::before,
.mbe-editorial.mbe-editorial--article .mkds-page > .mkds-heading::before {
  content: "";
  display: block;
  width: 2.5rem;
  height: 2px;
  margin-bottom: var(--mbe-s4);
  background: var(--mbe-gold);
}

.mbe-editorial.mbe-editorial--article .mkds-heading h2,
.mbe-editorial.mbe-editorial--article h2.mkds-heading {
  margin: 0;
  font-family: var(--mbe-serif);
  font-weight: 600;
  color: var(--mbe-ink);
  font-size: clamp(1.75rem, 1.2rem + 1.8vw, 2.5rem);
  line-height: 1.15;
  letter-spacing: -.008em;
}

.mbe-editorial.mbe-editorial--article .mkds-heading h3,
.mbe-editorial.mbe-editorial--article h3.mkds-heading,
.mbe-editorial.mbe-editorial--article p.mkds-heading {
  margin: 0;
  color: var(--mbe-ink);
  font-family: var(--mbe-serif);
  font-size: clamp(1.25rem, 1.1rem + .5vw, 1.5rem);
  font-weight: 600;
  line-height: 1.25;
}

.mbe-editorial.mbe-editorial--article .mkds-kicker {
  margin-bottom: var(--mbe-s2);
  color: var(--mbe-gold-dark);
  font-family: var(--mbe-sans);
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .12em;
  line-height: 1.4;
  text-transform: uppercase;
}

/* ---- Prose ---- */
.mbe-editorial.mbe-editorial--article .mkds-prose {
  color: var(--mbe-text);
  font-family: var(--mbe-serif);
  font-size: var(--mbe-prose);
  line-height: 1.7;
}

.mbe-editorial.mbe-editorial--article .mkds-prose p {
  margin-bottom: 1.1em;
  text-wrap: pretty;
}

.mbe-editorial.mbe-editorial--article .mkds-prose > :last-child {
  margin-bottom: 0;
}

.mbe-editorial.mbe-editorial--article .mkds-prose :where(ul, ol) {
  padding-inline-start: 1.25em;
}

.mbe-editorial.mbe-editorial--article .mkds-prose li {
  margin-bottom: .4em;
}

.mbe-editorial.mbe-editorial--article .mkds-prose li::marker {
  color: var(--mbe-gold-dark);
}

.mbe-editorial.mbe-editorial--article .mkds-prose strong {
  color: var(--mbe-ink);
  font-weight: 600;
}

.mbe-editorial.mbe-editorial--article .mkds-prose a {
  text-decoration-thickness: 1px;
}

/* Section surfaces: calm bands instead of boxes */
.mbe-editorial.mbe-editorial--article .mkds-section:is(.mkds-section--surface, .mkds-section--tint, .mkds-section--dark, .mkds-section--accent) {
  width: calc(100% + 2 * var(--mbe-gutter));
  max-width: none;
  margin-inline: calc(-1 * var(--mbe-gutter));
  padding: var(--mbe-s7) var(--mbe-gutter);
  border-radius: 0;
}

.mbe-editorial.mbe-editorial--article .mkds-section--surface {
  border-block: 1px solid var(--mbe-line);
  background: var(--mbe-surface);
}

.mbe-editorial.mbe-editorial--article .mkds-section--tint {
  background: var(--mbe-sand);
}

/* ---- Grids, cards, steps ---- */
.mbe-editorial.mbe-editorial--article .mkds-page :where(.mkds-grid, .mkds-steps, .mkds-timeline, .mkds-checklist, .mkds-compare, .mkds-table-wrap, .mkds-meters) {
  width: 100%;
  margin: var(--mbe-s6) auto;
}

.mbe-editorial.mbe-editorial--article .mkds-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--mbe-s4);
  min-width: 0;
}

.mbe-editorial.mbe-editorial--article .mkds-card {
  min-width: 0;
  padding: var(--mbe-s5);
  border: 1px solid var(--mbe-line);
  border-radius: var(--mbe-r-md);
  background: var(--mbe-surface);
  font-family: var(--mbe-sans);
}

.mbe-editorial.mbe-editorial--article .mkds-page > .mkds-card {
  width: 100%;
  margin: var(--mbe-s6) auto;
}

.mbe-editorial.mbe-editorial--article .mkds-card--soft {
  border-color: transparent;
  background: var(--mbe-sand);
}

.mbe-editorial.mbe-editorial--article .mkds-card--accent {
  border-color: transparent;
  background: var(--mbe-blush);
}

.mbe-editorial.mbe-editorial--article .mkds-card__number,
.mbe-editorial.mbe-editorial--article .mkds-step__number,
.mbe-editorial.mbe-editorial--article .mkds-timeline__number {
  display: inline-grid;
  min-width: 2.5rem;
  min-height: 2.5rem;
  place-items: center;
  margin: 0 0 var(--mbe-s4);
  border: 1px solid var(--mbe-gold);
  border-radius: 999px;
  color: var(--mbe-gold-dark);
  background: transparent;
  font-family: var(--mbe-serif);
  font-size: 1rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.mbe-editorial.mbe-editorial--article .mkds-card > p:not(.mkds-card__number, .mkds-heading),
.mbe-editorial.mbe-editorial--article .mbe-numbered-item__body > p:not(.mkds-heading),
.mbe-editorial.mbe-editorial--article .mkds-compare__item > p {
  margin: var(--mbe-s2) 0 0;
  color: var(--mbe-text-soft);
  font-size: 1rem;
  line-height: 1.6;
}

.mbe-editorial.mbe-editorial--article .mkds-text-link,
.mbe-editorial.mbe-editorial--article .mkds-btn {
  display: inline-flex;
  min-height: var(--mbe-target);
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: .65rem 1.25rem;
  border: 1px solid transparent;
  border-radius: var(--mbe-r-sm);
  font-family: var(--mbe-sans);
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
  transition: background-color var(--mbe-fast) var(--mbe-ease), border-color var(--mbe-fast) var(--mbe-ease), color var(--mbe-fast) var(--mbe-ease);
}

.mbe-editorial.mbe-editorial--article .mkds-text-link {
  min-height: 2.5rem;
  padding: .4rem 0;
  color: var(--mbe-plum);
}

.mbe-editorial.mbe-editorial--article .mkds-btn--primary {
  border-color: var(--mbe-gold-light);
  color: var(--mbe-ink);
  background: var(--mbe-gold-light);
  text-decoration: none;
}

.mbe-editorial.mbe-editorial--article .mkds-btn--primary:hover {
  border-color: var(--mbe-gold);
  background: var(--mbe-gold);
}

.mbe-editorial.mbe-editorial--article .mkds-btn--secondary {
  border-color: var(--mbe-plum);
  color: var(--mbe-plum);
  background: transparent;
  text-decoration: none;
}

.mbe-editorial.mbe-editorial--article .mkds-btn--secondary:hover {
  color: var(--mbe-on-dark);
  background: var(--mbe-plum);
}

.mbe-editorial.mbe-editorial--article .mkds-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--mbe-s3);
  align-items: center;
  margin-top: var(--mbe-s4);
}

/* ---- Notes, callouts, quotes ---- */
.mbe-editorial.mbe-editorial--article .mkds-page :where(.mkds-note, .mkds-callout, .mkds-quote, .mkds-note-pyramid, .mkds-faq, .mkds-sources, .mkds-cta),
.mbe-editorial.mbe-editorial--article .mkds-page > .mkds-figure {
  width: min(100%, 52rem);
  margin-inline: auto;
}

.mbe-editorial.mbe-editorial--article .mkds-note,
.mbe-editorial.mbe-editorial--article .mkds-callout {
  --mbe-note-line: var(--mbe-plum);
  --mbe-note-bg: var(--mbe-sand);
  --mbe-note-ink: var(--mbe-text);
  margin-block: var(--mbe-s6);
  padding: var(--mbe-s5) var(--mbe-s5) var(--mbe-s5) calc(var(--mbe-s5) + .25rem);
  border: 0;
  border-inline-start: 3px solid var(--mbe-note-line);
  border-radius: 0 var(--mbe-r-md) var(--mbe-r-md) 0;
  color: var(--mbe-note-ink);
  background: var(--mbe-note-bg);
  font-family: var(--mbe-serif);
  font-size: 1.0625rem;
  line-height: 1.65;
}

.mbe-editorial.mbe-editorial--article .mkds-note--info {
  --mbe-note-line: var(--mbe-info);
  --mbe-note-bg: var(--mbe-info-bg);
}

.mbe-editorial.mbe-editorial--article .mkds-note--success {
  --mbe-note-line: var(--mbe-success);
  --mbe-note-bg: var(--mbe-success-bg);
}

.mbe-editorial.mbe-editorial--article .mkds-note--warning {
  --mbe-note-line: var(--mbe-warning);
  --mbe-note-bg: var(--mbe-warning-bg);
}

.mbe-editorial.mbe-editorial--article .mkds-note--accent {
  --mbe-note-line: var(--mbe-plum);
  --mbe-note-bg: var(--mbe-blush);
}

.mbe-editorial.mbe-editorial--article .mkds-note__title {
  margin-bottom: .5rem;
  color: var(--mbe-note-line);
  font-family: var(--mbe-sans);
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .12em;
  line-height: 1.4;
  text-transform: uppercase;
}

.mbe-editorial.mbe-editorial--article .mkds-note > :last-child,
.mbe-editorial.mbe-editorial--article .mkds-callout > :last-child {
  margin-bottom: 0;
}

.mbe-editorial.mbe-editorial--article .mkds-callout .mkds-heading::before {
  display: none;
}

.mbe-editorial.mbe-editorial--article .mkds-callout .mkds-heading {
  margin-bottom: var(--mbe-s3);
}

.mbe-editorial.mbe-editorial--article .mkds-callout .mkds-heading h2 {
  font-size: clamp(1.375rem, 1.1rem + .9vw, 1.75rem);
}

.mbe-editorial.mbe-editorial--article .mkds-quote {
  position: relative;
  margin-block: var(--mbe-s7);
  padding: var(--mbe-s6) var(--mbe-s5) var(--mbe-s6) calc(var(--mbe-s5) + 2.25rem);
  border: 0;
  border-radius: var(--mbe-r-lg);
  color: var(--mbe-on-dark);
  background: var(--mbe-ink);
}

.mbe-editorial.mbe-editorial--article .mkds-quote::before {
  content: "\201C";
  position: absolute;
  inset-block-start: .35em;
  inset-inline-start: var(--mbe-s4);
  color: var(--mbe-gold);
  font-family: var(--mbe-serif);
  font-size: 4rem;
  line-height: 1;
}

.mbe-editorial.mbe-editorial--article .mkds-quote p {
  margin: 0;
  color: inherit;
  font-family: var(--mbe-serif);
  font-size: clamp(1.375rem, 1.1rem + 1.1vw, 1.875rem);
  font-style: italic;
  line-height: 1.35;
  text-wrap: pretty;
}

.mbe-editorial.mbe-editorial--article .mkds-quote cite {
  display: block;
  margin-top: var(--mbe-s4);
  color: var(--mbe-gold-light);
  font-family: var(--mbe-sans);
  font-size: .875rem;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .02em;
}

/* ---- Figures ---- */
.mbe-editorial.mbe-editorial--article .mkds-figure {
  margin-block: var(--mbe-s6);
  overflow: hidden;
  border: 0;
  border-radius: var(--mbe-r-lg);
  background: transparent;
}

.mbe-editorial.mbe-editorial--article .mkds-figure img {
  width: 100%;
  height: auto;
  border-radius: var(--mbe-r-lg);
}

/* ---- Steps / timeline / checklist / compare ---- */
.mbe-editorial.mbe-editorial--article .mkds-steps,
.mbe-editorial.mbe-editorial--article .mkds-timeline {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--mbe-s4);
  padding: 0;
  list-style: none;
}

.mbe-editorial.mbe-editorial--article .mkds-page :is(.mkds-steps, .mkds-timeline) > li {
  display: block;
  min-width: 0;
  margin: 0;
  padding: var(--mbe-s5);
  border: 1px solid var(--mbe-line);
  border-radius: var(--mbe-r-md);
  background: var(--mbe-surface);
  font-family: var(--mbe-sans);
}

.mbe-editorial.mbe-editorial--article .mbe-numbered-item__body {
  min-width: 0;
}

.mbe-editorial.mbe-editorial--article .mkds-checklist {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--mbe-s2);
  padding: 0;
  list-style: none;
}

.mbe-editorial.mbe-editorial--article .mkds-checklist > li {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: .85rem 1rem .85rem 2.75rem;
  border: 1px solid var(--mbe-line);
  border-radius: var(--mbe-r-sm);
  background: var(--mbe-surface);
  font-family: var(--mbe-sans);
  font-size: 1rem;
  line-height: 1.55;
}

.mbe-editorial.mbe-editorial--article .mkds-page .mkds-checklist > li::before {
  content: "";
  position: absolute;
  inset-block-start: 1.05rem;
  inset-inline-start: 1rem;
  display: block;
  width: .8rem;
  height: .45rem;
  border-inline-start: 2px solid var(--mbe-success);
  border-bottom: 2px solid var(--mbe-success);
  transform: rotate(-45deg);
}

.mbe-editorial.mbe-editorial--article .mkds-page .mkds-checklist > li::after,
.mbe-editorial.mbe-editorial--article .mkds-page .mkds-faq summary::before {
  display: none;
}

.mbe-editorial.mbe-editorial--article .mkds-compare {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--mbe-s4);
}

.mbe-editorial.mbe-editorial--article .mkds-compare__item {
  min-width: 0;
  padding: var(--mbe-s5);
  border: 1px solid var(--mbe-line);
  border-radius: var(--mbe-r-md);
  background: var(--mbe-surface);
  font-family: var(--mbe-sans);
}

/* ---- Note pyramid: top / heart / base ---- */
.mbe-editorial.mbe-editorial--article .mkds-note-pyramid {
  display: grid;
  gap: var(--mbe-s2);
  margin-block: var(--mbe-s6);
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.mbe-editorial.mbe-editorial--article .mkds-note-level {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--mbe-s3);
  min-width: 0;
  padding: var(--mbe-s4) var(--mbe-s5);
  border-radius: var(--mbe-r-md);
  background: var(--mbe-surface);
  font-family: var(--mbe-sans);
}

.mbe-editorial.mbe-editorial--article .mkds-note-level:nth-child(1) {
  width: 88%;
  margin-inline: auto;
  background: var(--mbe-sage);
}

.mbe-editorial.mbe-editorial--article .mkds-note-level:nth-child(2) {
  width: 94%;
  margin-inline: auto;
  background: var(--mbe-blush);
}

.mbe-editorial.mbe-editorial--article .mkds-note-level:nth-child(3) {
  color: var(--mbe-on-dark);
  background: var(--mbe-ink);
}

.mbe-editorial.mbe-editorial--article .mkds-note-level__label {
  margin: 0;
  color: inherit;
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.mbe-editorial.mbe-editorial--article .mkds-chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--mbe-s2);
}

.mbe-editorial.mbe-editorial--article .mkds-chip {
  display: inline-flex;
  min-height: 2.25rem;
  align-items: center;
  padding: .4rem .85rem;
  border: 1px solid rgba(36, 28, 24, .12);
  border-radius: 999px;
  color: var(--mbe-ink);
  background: rgba(255, 255, 255, .7);
  font-family: var(--mbe-sans);
  font-size: .9375rem;
  font-weight: 500;
  line-height: 1.3;
}

.mbe-editorial.mbe-editorial--article .mkds-note-level:nth-child(3) .mkds-chip {
  border-color: rgba(251, 246, 238, .28);
  color: var(--mbe-on-dark);
  background: transparent;
}

/* ---- Meters ---- */
.mbe-editorial.mbe-editorial--article .mkds-meters {
  display: grid;
  gap: var(--mbe-s4);
  padding: var(--mbe-s5);
  border: 1px solid var(--mbe-line);
  border-radius: var(--mbe-r-md);
  background: var(--mbe-surface);
  font-family: var(--mbe-sans);
}

.mbe-editorial.mbe-editorial--article .mkds-meter__head {
  display: flex;
  flex-wrap: wrap;
  gap: var(--mbe-s3);
  justify-content: space-between;
  margin-bottom: .4rem;
  color: var(--mbe-ink);
  font-size: .9375rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.mbe-editorial.mbe-editorial--article .mkds-meter__track {
  height: .5rem;
  overflow: hidden;
  border-radius: 999px;
  background: var(--mbe-sand);
}

.mbe-editorial.mbe-editorial--article .mkds-meter__fill {
  display: block;
  width: var(--mbe-meter, 0%);
  height: 100%;
  border-radius: inherit;
  background: var(--mbe-plum);
}

.mbe-editorial.mbe-editorial--article .mkds-meter__fill--20 { --mbe-meter: 20%; }
.mbe-editorial.mbe-editorial--article .mkds-meter__fill--40 { --mbe-meter: 40%; }
.mbe-editorial.mbe-editorial--article .mkds-meter__fill--60 { --mbe-meter: 60%; }
.mbe-editorial.mbe-editorial--article .mkds-meter__fill--80 { --mbe-meter: 80%; }
.mbe-editorial.mbe-editorial--article .mkds-meter__fill--100 { --mbe-meter: 100%; }

/* ---- Tables ---- */
.mbe-editorial.mbe-editorial--article .mkds-table-wrap {
  position: relative;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid var(--mbe-line);
  border-radius: var(--mbe-r-md);
  background: var(--mbe-surface);
  scrollbar-width: thin;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}

.mbe-editorial.mbe-editorial--article :is(.mkds-table-wrap__hint, .mbe-table-scroll-hint) {
  position: sticky;
  z-index: 1;
  inset-inline-start: 0;
  width: min(100%, 30rem);
  margin: 0;
  padding: .55rem .85rem;
  border-bottom: 1px solid var(--mbe-line);
  color: var(--mbe-muted);
  background: var(--mbe-sand);
  font-family: var(--mbe-sans);
  font-size: .8125rem;
  font-weight: 500;
  line-height: 1.45;
}

.mbe-editorial.mbe-editorial--article .mkds-table {
  width: 100%;
  min-width: 40rem;
  margin: 0;
  border: 0;
  border-collapse: collapse;
  color: var(--mbe-text);
  font-family: var(--mbe-sans);
  font-size: .9375rem;
}

.mbe-editorial.mbe-editorial--article .mkds-table caption {
  padding: .85rem 1rem;
  color: var(--mbe-ink);
  font-family: var(--mbe-serif);
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.4;
  text-align: start;
}

.mbe-editorial.mbe-editorial--article .mkds-table :where(th, td) {
  padding: .8rem 1rem;
  border: 0;
  border-top: 1px solid var(--mbe-line);
  vertical-align: top;
  text-align: start;
}

.mbe-editorial.mbe-editorial--article .mkds-table th {
  color: var(--mbe-ink);
  background: var(--mbe-sand);
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.mbe-editorial.mbe-editorial--article .mkds-table tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--mbe-sand) 45%, transparent);
}

.mbe-editorial.mbe-editorial--article .mkds-table td {
  line-height: 1.55;
}

/* ---- FAQ ---- */
.mbe-editorial.mbe-editorial--article .mkds-faq {
  margin-block: var(--mbe-s7);
  border-top: 1px solid var(--mbe-line);
}

.mbe-editorial.mbe-editorial--article .mkds-faq details {
  border: 0;
  border-bottom: 1px solid var(--mbe-line);
  background: transparent;
}

.mbe-editorial.mbe-editorial--article .mkds-faq summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 1.25rem;
  gap: 1rem;
  align-items: center;
  min-height: var(--mbe-target);
  padding: 1rem 0;
  color: var(--mbe-ink);
  cursor: pointer;
  font-family: var(--mbe-serif);
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.4;
  list-style: none;
  transition: color var(--mbe-fast) var(--mbe-ease);
}

.mbe-editorial.mbe-editorial--article .mkds-page .mkds-faq summary::-webkit-details-marker {
  display: none;
}

.mbe-editorial.mbe-editorial--article .mkds-page .mkds-faq summary::after {
  content: "";
  display: block;
  width: .55rem;
  height: .55rem;
  margin-inline: auto;
  border-inline-end: 1.5px solid var(--mbe-gold-dark);
  border-bottom: 1.5px solid var(--mbe-gold-dark);
  transform: translateY(-2px) rotate(45deg);
  transition: transform var(--mbe-fast) var(--mbe-ease);
}

.mbe-editorial.mbe-editorial--article .mkds-faq details[open] > summary {
  color: var(--mbe-plum-deep);
}

.mbe-editorial.mbe-editorial--article .mkds-page .mkds-faq details[open] > summary::after {
  transform: translateY(2px) rotate(225deg);
}

.mbe-editorial.mbe-editorial--article .mkds-faq summary:hover {
  color: var(--mbe-plum);
}

.mbe-editorial.mbe-editorial--article .mkds-faq__answer {
  max-width: var(--mbe-measure);
  padding: 0 0 var(--mbe-s5);
  color: var(--mbe-text);
  font-family: var(--mbe-serif);
  font-size: 1.0625rem;
  line-height: 1.68;
}

.mbe-editorial.mbe-editorial--article .mkds-faq__answer > :last-child {
  margin-bottom: 0;
}

/* ---- CTA ---- */
.mbe-editorial.mbe-editorial--article .mkds-cta {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--mbe-s5);
  margin-block: var(--mbe-s8);
  padding: var(--mbe-s7) var(--mbe-s5);
  border-radius: var(--mbe-r-lg);
  font-family: var(--mbe-sans);
}

.mbe-editorial.mbe-editorial--article .mbe-cta__copy {
  min-width: 0;
}

.mbe-editorial.mbe-editorial--article .mkds-cta .mkds-heading {
  width: auto;
  margin-bottom: var(--mbe-s3);
}

.mbe-editorial.mbe-editorial--article .mkds-cta .mkds-heading::before {
  display: none;
}

.mbe-editorial.mbe-editorial--article .mkds-cta .mkds-heading h2 {
  font-size: clamp(1.625rem, 1.2rem + 1.4vw, 2.25rem);
}

.mbe-editorial.mbe-editorial--article .mkds-cta p {
  margin: 0;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.mbe-editorial.mbe-editorial--article .mkds-cta .mkds-actions {
  margin: 0;
}

.mbe-editorial.mbe-editorial--article .mkds-cta .mkds-btn {
  width: 100%;
}

/* ---- Sources ---- */
.mbe-editorial.mbe-editorial--article .mkds-sources {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--mbe-s4);
  margin-top: var(--mbe-s8);
  padding-block: var(--mbe-s6);
  border-top: 1px solid var(--mbe-line);
  font-family: var(--mbe-sans);
}

.mbe-editorial.mbe-editorial--article .mkds-sources .mkds-heading {
  width: auto;
  margin: 0;
}

.mbe-editorial.mbe-editorial--article .mkds-sources .mkds-heading::before {
  display: none;
}

.mbe-editorial.mbe-editorial--article .mkds-sources .mkds-heading h2 {
  font-size: 1.25rem;
}

.mbe-editorial.mbe-editorial--article .mkds-sources ol {
  margin: 0;
  padding-inline-start: 1.25rem;
}

.mbe-editorial.mbe-editorial--article .mkds-sources li {
  margin-bottom: .5rem;
  color: var(--mbe-text-soft);
  font-size: .9375rem;
  line-height: 1.6;
}

.mbe-editorial.mbe-editorial--article .mkds-sources li::marker {
  color: var(--mbe-gold-dark);
  font-variant-numeric: tabular-nums;
}

.mbe-editorial.mbe-editorial--article .mkds-divider {
  width: min(100%, var(--mbe-measure));
  height: 1px;
  margin: var(--mbe-s7) auto;
  border: 0;
  background: var(--mbe-line);
}

/* ---- Dark surfaces (kept last so component defaults cannot win) ---- */
.mbe-editorial.mbe-editorial--article .mkds-page :is(.mkds-section--dark, .mkds-section--accent, .mkds-compare__item--accent, .mkds-card--dark, .mkds-quote, .mkds-note-level:nth-child(3), .mkds-cta) {
  --mbe-focus: #fbf6ee;
  color: var(--mbe-on-dark-soft);
  background: var(--mbe-ink);
}

.mbe-editorial.mbe-editorial--article .mkds-page .mkds-cta,
.mbe-editorial.mbe-editorial--article .mkds-page .mkds-section--accent {
  background: var(--mbe-plum-deep);
}

.mbe-editorial.mbe-editorial--article .mkds-page :is(.mkds-section--dark, .mkds-section--accent, .mkds-compare__item--accent, .mkds-card--dark, .mkds-quote, .mkds-note-level:nth-child(3), .mkds-cta) :where(.mkds-heading, .mkds-heading h2, .mkds-heading h3, h2.mkds-heading, h3.mkds-heading, p.mkds-heading, .mkds-prose, .mkds-prose p, p, li, strong, em, .mkds-card__number, .mkds-note-level__label) {
  color: var(--mbe-on-dark);
}

.mbe-editorial.mbe-editorial--article .mkds-page :is(.mkds-section--dark, .mkds-section--accent, .mkds-cta) .mkds-heading::before {
  background: var(--mbe-gold);
}

.mbe-editorial.mbe-editorial--article .mkds-page :is(.mkds-section--dark, .mkds-section--accent, .mkds-compare__item--accent, .mkds-card--dark, .mkds-quote, .mkds-note-level:nth-child(3), .mkds-cta) a:not(.mkds-btn) {
  color: var(--mbe-gold-light);
  text-decoration-color: rgba(234, 219, 201, .55);
}

/* ---- Breakpoints ---- */
@media (min-width: 40rem) {
  .mbe-editorial.mbe-editorial--article .mkds-toc__links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--mbe-s6);
  }

  .mbe-editorial.mbe-editorial--article .mkds-section:is(.mkds-section--surface, .mkds-section--tint, .mkds-section--dark, .mkds-section--accent) {
    width: 100%;
    margin-inline: 0;
    padding: var(--mbe-s7) var(--mbe-s6);
    border-radius: var(--mbe-r-lg);
  }

  .mbe-editorial.mbe-editorial--article .mkds-section--surface {
    border: 1px solid var(--mbe-line);
  }

  .mbe-editorial.mbe-editorial--article .mkds-grid--2,
  .mbe-editorial.mbe-editorial--article .mkds-grid--4,
  .mbe-editorial.mbe-editorial--article .mkds-steps,
  .mbe-editorial.mbe-editorial--article .mkds-checklist,
  .mbe-editorial.mbe-editorial--article .mkds-compare {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mbe-editorial.mbe-editorial--article .mkds-note-level {
    grid-template-columns: minmax(7rem, .35fr) minmax(0, 1.65fr);
    align-items: center;
  }

  .mbe-editorial.mbe-editorial--article .mkds-cta {
    padding: var(--mbe-s8) var(--mbe-s7);
  }

  .mbe-editorial.mbe-editorial--article .mkds-cta .mkds-btn {
    width: auto;
  }

  .mbe-editorial.mbe-editorial--article .mkds-sources {
    grid-template-columns: minmax(0, .5fr) minmax(0, 1.5fr);
    gap: var(--mbe-s6);
  }
}

@media (min-width: 64rem) {
  .mbe-editorial.mbe-editorial--article .mkds-page {
    display: grid;
    grid-template-columns: var(--mbe-rail) minmax(0, 1fr);
    column-gap: var(--mbe-s8);
    align-items: start;
  }

  .mbe-editorial.mbe-editorial--article .mkds-page > * {
    grid-column: 2;
    min-width: 0;
  }

  .mbe-editorial.mbe-editorial--article .mkds-page > .mbe-article-hero {
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 1.15fr) minmax(24rem, .85fr);
    gap: var(--mbe-s8);
    align-items: center;
    padding-top: var(--mbe-s7);
  }

  .mbe-editorial.mbe-editorial--article .mbe-article-hero.mkds-hero--center {
    grid-template-columns: minmax(0, 1fr);
  }

  .mbe-editorial.mbe-editorial--article .mbe-article-hero > .mkds-figure img {
    aspect-ratio: 4 / 3;
  }

  .mbe-editorial.mbe-editorial--article .mkds-page > .mkds-toc {
    grid-column: 1;
    grid-row: 2 / span 200;
    position: sticky;
    top: var(--mbe-toc-top);
    align-self: start;
    max-height: calc(100vh - var(--mbe-toc-top) - 2rem);
    overflow: auto;
    margin: 0;
    padding: 0;
    background: transparent;
    scrollbar-width: thin;
  }

  .mbe-editorial.mbe-editorial--article .mbe-toc__disclosure {
    padding: 0;
  }

  .mbe-editorial.mbe-editorial--article .mkds-toc__label {
    min-height: 0;
    padding: 0 0 .5rem;
  }

  .mbe-editorial.mbe-editorial--article .mkds-toc__label::after {
    display: none;
  }

  /* Closed <details> never renders its content; editorial.v108.js opens the rail at this width. */
  .mbe-editorial.mbe-editorial--article .mkds-toc__links {
    grid-template-columns: minmax(0, 1fr);
    padding: 0;
    border-inline-start: 1px solid var(--mbe-line);
  }

  .mbe-editorial.mbe-editorial--article .mkds-toc__links a {
    grid-template-columns: 1.5rem minmax(0, 1fr);
    min-height: 2.5rem;
    margin-inline-start: -1px;
    padding: .4rem 0 .4rem .85rem;
    font-size: .875rem;
  }

  .mbe-editorial.mbe-editorial--article .mkds-toc__links a[aria-current="true"] {
    border-inline-start-color: var(--mbe-plum);
    color: var(--mbe-plum-deep);
    font-weight: 600;
  }

  .mbe-editorial.mbe-editorial--article .mkds-page > .mkds-heading,
  .mbe-editorial.mbe-editorial--article .mkds-section > .mkds-heading,
  .mbe-editorial.mbe-editorial--article .mkds-section > .mkds-prose,
  .mbe-editorial.mbe-editorial--article .mkds-page > .mkds-prose,
  .mbe-editorial.mbe-editorial--article .mkds-page > :where(ul, ol):not(.mkds-steps, .mkds-timeline, .mkds-checklist),
  .mbe-editorial.mbe-editorial--article .mkds-page :where(.mkds-note, .mkds-callout, .mkds-quote, .mkds-note-pyramid, .mkds-faq, .mkds-sources, .mkds-cta),
  .mbe-editorial.mbe-editorial--article .mkds-page > .mkds-figure,
  .mbe-editorial.mbe-editorial--article .mkds-divider {
    margin-inline: 0;
  }

  .mbe-editorial.mbe-editorial--article .mkds-section {
    margin-block: var(--mbe-s9);
  }

  .mbe-editorial.mbe-editorial--article .mkds-grid--3,
  .mbe-editorial.mbe-editorial--article .mkds-grid--4,
  .mbe-editorial.mbe-editorial--article .mkds-grid--auto,
  .mbe-editorial.mbe-editorial--article .mkds-steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .mbe-editorial.mbe-editorial--article .mkds-cta {
    grid-template-columns: minmax(0, 1.25fr) minmax(14rem, .75fr);
    align-items: center;
  }
}

@media (min-width: 80rem) {
  .mbe-editorial.mbe-editorial--article {
    --mbe-rail: 16rem;
    --mbe-prose: 1.1875rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mbe-editorial.mbe-editorial--article::before {
    animation: none;
    transform: scaleX(var(--mbe-progress, 0));
  }
}

@media (forced-colors: active) {
  .mbe-editorial.mbe-editorial--article .mkds-page.mkds-v1.mkds-page--cms :is(.mbe-article-hero > .mkds-figure, .mkds-section--surface, .mkds-section--tint, .mkds-section--dark, .mkds-section--accent, .mkds-card, .mkds-note, .mkds-callout, .mkds-quote, .mkds-figure, .mkds-compare__item, .mkds-note-level, .mkds-table-wrap, .mkds-faq details, .mkds-cta, .mkds-toc, .mkds-checklist > li) {
    --mbe-focus: Highlight;
    border: 1px solid CanvasText;
    color: CanvasText;
    background: Canvas;
    box-shadow: none;
  }

  .mbe-editorial.mbe-editorial--article .mkds-meter__track,
  .mbe-editorial.mbe-editorial--article .mkds-meter__fill,
  .mbe-editorial.mbe-editorial--article::before {
    border: 1px solid CanvasText;
    background: Canvas;
  }
}

@media print {
  .mbe-editorial.mbe-editorial--article::before {
    display: none;
  }

  .mbe-editorial.mbe-editorial--article .mkds-page {
    display: block;
  }

  .mbe-editorial.mbe-editorial--article .mkds-page .mbe-toc__disclosure:not([open]) > .mkds-toc__links {
    display: grid;
  }

  .mbe-editorial.mbe-editorial--article .mkds-page.mkds-v1.mkds-page--cms :is(.mbe-article-hero, .mkds-section, .mkds-card, .mkds-note, .mkds-callout, .mkds-quote, .mkds-figure, .mkds-compare__item, .mkds-note-level, .mkds-note-level:nth-child(3), .mkds-table-wrap, .mkds-faq details, .mkds-cta) {
    break-inside: avoid;
    color: #000;
    background: #fff;
    box-shadow: none;
  }

  .mbe-editorial.mbe-editorial--article .mkds-page.mkds-v1.mkds-page--cms :is(.mbe-article-hero, .mkds-section, .mkds-card, .mkds-note, .mkds-callout, .mkds-quote, .mkds-figure, .mkds-compare__item, .mkds-note-level, .mkds-note-level:nth-child(3), .mkds-table-wrap, .mkds-faq details, .mkds-cta) :where(*) {
    color: #000;
  }

  .mbe-editorial.mbe-editorial--article .mkds-page.mkds-v1.mkds-page--cms a {
    color: #000;
    text-decoration-color: currentColor;
  }

  .mbe-editorial.mbe-editorial--article .mkds-table-wrap {
    overflow: visible;
  }

  .mbe-editorial.mbe-editorial--article .mkds-table {
    min-width: 0;
  }
}