.mlmi {
  --mlmi-dark: #18171c;
  --mlmi-text: #2d3040;
  --mlmi-muted: #737687;
  --mlmi-border: rgba(24,23,28,.1);
  --mlmi-card: #fff;
  --mlmi-bg: #f4f4f6;
  --mlmi-soft: #f2efff;
  --mlmi-purple: #5a41bf;
  --mlmi-yellow: #f3ff35;
  --mlmi-warm: #ffd23f;
  position: relative;
  background: var(--mlmi-bg);
  color: var(--mlmi-text);
  font-family: inherit;
}
.mlmi__inner { width: min(1240px, calc(100% - 48px)); margin: 0 auto; padding: 58px 0; }
.mlmi--width-wide .mlmi__inner { width: min(1440px, calc(100% - 48px)); }
.mlmi--width-narrow .mlmi__inner { width: min(980px, calc(100% - 48px)); }
.mlmi__header { max-width: 920px; margin: 0 0 30px; }
.mlmi__eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 12px; color:var(--mlmi-purple); font-size:13px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.mlmi__eyebrow span { width:28px; height:2px; background:var(--mlmi-yellow); display:inline-block; }
.mlmi__title { margin:0; color:var(--mlmi-text); font-size:clamp(30px,3vw,44px); line-height:1.08; letter-spacing:-.04em; }
.mlmi__intro { margin:14px 0 0; color:var(--mlmi-muted); font-size:17px; line-height:1.75; }
.mlmi__lead-panel, .mlmi__card, .mlmi__group, .mlmi__slide, .mlmi__dash-row { background:var(--mlmi-card); border:1px solid var(--mlmi-border); box-shadow:0 18px 46px rgba(24,23,28,.045); }
.mlmi--radius-none .mlmi__lead-panel, .mlmi--radius-none .mlmi__card, .mlmi--radius-none .mlmi__group, .mlmi--radius-none .mlmi__slide, .mlmi--radius-none .mlmi__dash-row, .mlmi--radius-none .mlmi__cta { border-radius:0; }
.mlmi--radius-small .mlmi__lead-panel, .mlmi--radius-small .mlmi__card, .mlmi--radius-small .mlmi__group, .mlmi--radius-small .mlmi__slide, .mlmi--radius-small .mlmi__dash-row, .mlmi--radius-small .mlmi__cta { border-radius:12px; }
.mlmi--radius-large .mlmi__lead-panel, .mlmi--radius-large .mlmi__card, .mlmi--radius-large .mlmi__group, .mlmi--radius-large .mlmi__slide, .mlmi--radius-large .mlmi__dash-row, .mlmi--radius-large .mlmi__cta { border-radius:22px; }
.mlmi__item-icon, .mlmi__lead-icon { width:50px; height:50px; border-radius:14px; background:var(--mlmi-soft); display:inline-flex; align-items:center; justify-content:center; color:var(--mlmi-purple); flex:0 0 auto; }
.mlmi__item-icon svg, .mlmi__lead-icon svg { width:23px; height:23px; fill:currentColor; }
.mlmi__lead-panel { padding:34px; position:relative; overflow:hidden; }
.mlmi__lead-panel:after { content:""; position:absolute; right:-90px; bottom:-100px; width:260px; height:260px; border-radius:50%; background:radial-gradient(circle, rgba(90,65,191,.14), transparent 66%); pointer-events:none; }
.mlmi__lead-panel h3 { margin:22px 0 12px; font-size:28px; line-height:1.15; letter-spacing:-.035em; }
.mlmi__lead-panel p { margin:0; color:var(--mlmi-muted); font-size:16px; line-height:1.72; }
.mlmi__counter { margin-top:28px; padding:18px; border:1px solid rgba(90,65,191,.12); background:rgba(90,65,191,.055); border-radius:16px; display:flex; gap:14px; align-items:center; }
.mlmi__counter strong { font-size:34px; line-height:1; color:var(--mlmi-purple); }
.mlmi__counter span { color:var(--mlmi-text); font-weight:800; font-size:14px; line-height:1.35; }
.mlmi__badge, .mlmi__status { display:inline-flex; align-items:center; width:max-content; border-radius:999px; background:rgba(243,255,53,.5); border:1px solid rgba(90,65,191,.14); color:var(--mlmi-text); font-size:12px; line-height:1; font-weight:800; padding:7px 10px; }
.mlmi__num { width:29px; height:29px; border-radius:50%; background:var(--mlmi-warm); color:#18171c; display:inline-flex; align-items:center; justify-content:center; font-size:13px; font-weight:900; }

/* Grouped */
.mlmi__groups { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.mlmi__group { padding:26px; }
.mlmi__group-head { display:flex; gap:16px; align-items:flex-start; margin-bottom:18px; }
.mlmi__group-head h3 { margin:0 0 8px; font-size:22px; line-height:1.15; letter-spacing:-.025em; }
.mlmi__group-head p { margin:0; color:var(--mlmi-muted); font-size:14px; line-height:1.55; }
.mlmi__accordion { display:grid; gap:10px; }
.mlmi__detail { border-top:1px solid var(--mlmi-border); padding-top:10px; }
.mlmi__detail summary { cursor:pointer; list-style:none; display:flex; justify-content:space-between; gap:16px; align-items:center; color:var(--mlmi-text); font-weight:800; font-size:15px; }
.mlmi__detail summary::-webkit-details-marker { display:none; }
.mlmi__detail summary i { width:24px; height:24px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-style:normal; color:var(--mlmi-purple); background:var(--mlmi-soft); }
.mlmi__detail[open] summary i { transform:rotate(45deg); }
.mlmi__detail p { margin:10px 0 0; color:var(--mlmi-muted); font-size:14px; line-height:1.65; }

/* Dashboard */
.mlmi__dashboard { display:grid; grid-template-columns:minmax(280px,.75fr) 1.4fr; gap:22px; align-items:start; }
.mlmi__dash-list { display:grid; gap:12px; }
.mlmi__dash-row { display:grid; grid-template-columns:50px 1fr auto; gap:16px; align-items:center; padding:16px; }
.mlmi__dash-row h3 { margin:0 0 5px; font-size:17px; letter-spacing:-.02em; }
.mlmi__dash-row p { margin:0; color:var(--mlmi-muted); font-size:13px; line-height:1.55; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

/* Slider */
.mlmi__slider-layout { display:grid; grid-template-columns:minmax(300px,.82fr) 1.18fr; gap:24px; align-items:stretch; }
.mlmi__slider { min-width:0; display:flex; flex-direction:column; gap:16px; }
.mlmi__slides { position:relative; min-height:380px; }
.mlmi__slide { position:absolute; inset:0; opacity:0; transform:translateX(18px) scale(.985); pointer-events:none; transition:opacity .32s ease, transform .32s ease; padding:38px; overflow:hidden; display:flex; flex-direction:column; justify-content:center; }
.mlmi__slide.is-active { opacity:1; transform:translateX(0) scale(1); pointer-events:auto; }
.mlmi__slide:after { content:""; position:absolute; right:-90px; top:-90px; width:260px; height:260px; border-radius:50%; background:radial-gradient(circle, rgba(243,255,53,.48), transparent 67%); pointer-events:none; }
.mlmi__slide-top, .mlmi__card-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
.mlmi__slide h3 { margin:18px 0 12px; font-size:31px; line-height:1.12; letter-spacing:-.035em; max-width:650px; }
.mlmi__slide p { margin:0; color:var(--mlmi-muted); font-size:17px; line-height:1.75; max-width:720px; }
.mlmi__slider-controls { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.mlmi__arrow { width:44px; height:44px; border-radius:999px; border:1px solid var(--mlmi-border); background:#fff; color:var(--mlmi-purple); font-weight:900; cursor:pointer; }
.mlmi__dots { display:flex; gap:7px; align-items:center; justify-content:center; }
.mlmi__dots button { width:8px; height:8px; border:0; padding:0; border-radius:999px; background:rgba(90,65,191,.22); cursor:pointer; }
.mlmi__dots button.is-active { width:26px; background:var(--mlmi-purple); }

/* Compact grid */
.mlmi__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.mlmi--cols-2 .mlmi__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.mlmi__card { padding:24px; }
.mlmi__card h3 { margin:0 0 10px; font-size:20px; line-height:1.18; letter-spacing:-.025em; }
.mlmi__card p { margin:0; color:var(--mlmi-muted); font-size:14px; line-height:1.65; }

.mlmi__cta { margin-top:24px; background:var(--mlmi-dark); color:#fff; padding:22px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.mlmi__cta strong { font-size:16px; line-height:1.55; }
.mlmi__cta a { flex:0 0 auto; text-decoration:none; color:#18171c; background:var(--mlmi-warm); padding:13px 20px; border-radius:8px; font-weight:800; }
.mlmi__cta a span { margin-left:8px; }


/* Slider layout refinement v1.0.1: left intro is open text, right slide carries visual weight */
.mlmi--layout-slider .mlmi__slider-layout {
  grid-template-columns: minmax(260px,.62fr) 1.38fr;
  gap: 36px;
  align-items: center;
}
.mlmi--layout-slider .mlmi__lead-panel {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 6px 10px 6px 0;
  overflow: visible;
}
.mlmi--layout-slider .mlmi__lead-panel:after { display:none; }
.mlmi--layout-slider .mlmi__lead-icon {
  width: 46px;
  height: 46px;
  border-radius: 15px;
  box-shadow: 0 14px 35px rgba(90,65,191,.12);
}
.mlmi--layout-slider .mlmi__lead-panel h3 {
  font-size: clamp(28px,2.4vw,38px);
  line-height: 1.08;
  max-width: 420px;
}
.mlmi--layout-slider .mlmi__lead-panel p {
  max-width: 470px;
}
.mlmi--layout-slider .mlmi__counter {
  margin-top: 28px;
  padding: 0;
  border: 0;
  background: transparent;
  border-radius: 0;
}
.mlmi--layout-slider .mlmi__counter strong {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--mlmi-purple);
  color: #fff;
  font-size: 24px;
  box-shadow: 0 16px 36px rgba(90,65,191,.2);
}
.mlmi--layout-slider .mlmi__counter span {
  color: var(--mlmi-muted);
  font-weight: 700;
  font-size: 14px;
}
.mlmi--layout-slider .mlmi__slide {
  min-height: 390px;
  box-shadow: 0 24px 70px rgba(24,23,28,.075);
  border-color: rgba(90,65,191,.16);
}
.mlmi--layout-slider .mlmi__slide h3 {
  font-size: clamp(30px,2.9vw,43px);
}
@media (max-width: 980px) {
  .mlmi--layout-slider .mlmi__slider-layout { grid-template-columns:1fr; gap:24px; }
  .mlmi--layout-slider .mlmi__lead-panel { padding:0; }
}

/* Themes */
.mlmi--theme-light { --mlmi-bg:#fff; }
.mlmi--theme-soft { --mlmi-bg:#f3f3f6; }
.mlmi--theme-accent { --mlmi-bg:linear-gradient(135deg,#f7f5ff 0%,#fffbe6 100%); }
.mlmi--theme-dark { --mlmi-bg:#18171c; --mlmi-card:#222128; --mlmi-text:#fff; --mlmi-muted:rgba(255,255,255,.68); --mlmi-border:rgba(255,255,255,.12); --mlmi-soft:rgba(255,255,255,.08); }
.mlmi--theme-dark .mlmi__cta { background:#fff; color:#18171c; }
.mlmi--theme-dark .mlmi__arrow { background:#222128; color:#fff; border-color:rgba(255,255,255,.16); }

@media (max-width: 980px) {
  .mlmi__inner { width:min(100% - 34px, 1240px); padding:42px 0; }
  .mlmi__groups, .mlmi__dashboard, .mlmi__slider-layout { grid-template-columns:1fr; }
  .mlmi__grid, .mlmi--cols-2 .mlmi__grid { grid-template-columns:1fr 1fr; }
  .mlmi__slides { min-height:420px; }
}
@media (max-width: 640px) {
  .mlmi__inner { width:min(100% - 28px, 1240px); padding:36px 0; }
  .mlmi__title { font-size:30px; }
  .mlmi__intro { font-size:16px; }
  .mlmi__grid, .mlmi--cols-2 .mlmi__grid { grid-template-columns:1fr; }
  .mlmi__dash-row { grid-template-columns:44px 1fr; }
  .mlmi__status { grid-column:2; }
  .mlmi__lead-panel, .mlmi__slide, .mlmi__group, .mlmi__card { padding:24px; }
  .mlmi__slides { min-height:470px; }
  .mlmi__slide h3 { font-size:26px; }
  .mlmi__slide p { font-size:15px; }
  .mlmi__cta { flex-direction:column; align-items:flex-start; }
  .mlmi__cta a { width:100%; text-align:center; }
}

.mlmi__richtext p,
.mlmi__intro p {
  margin: 0 0 0.85em;
}

.mlmi__richtext p:last-child,
.mlmi__intro p:last-child {
  margin-bottom: 0;
}

.mlmi__richtext strong,
.mlmi__intro strong {
  color: var(--mlmi-ink, #252735);
  font-weight: 800;
}

.mlmi--theme-dark .mlmi__richtext strong,
.mlmi--theme-dark .mlmi__intro strong {
  color: #fff;
}


/* Mobile slider readability fix v1.0.3 */
@media (max-width: 640px) {
  .mlmi--layout-slider .mlmi__inner {
    width: min(100% - 26px, 1240px);
    padding: 32px 0 44px;
  }

  .mlmi--layout-slider .mlmi__header {
    margin-bottom: 22px;
  }

  .mlmi--layout-slider .mlmi__title {
    font-size: 28px;
    line-height: 1.12;
  }

  .mlmi--layout-slider .mlmi__intro {
    font-size: 15px;
    line-height: 1.6;
  }

  .mlmi--layout-slider .mlmi__slider-layout {
    gap: 20px;
  }

  .mlmi--layout-slider .mlmi__lead-panel {
    padding: 0;
  }

  .mlmi--layout-slider .mlmi__lead-icon {
    display: none;
  }

  .mlmi--layout-slider .mlmi__lead-panel h3 {
    margin: 0 0 10px;
    font-size: 22px;
    line-height: 1.14;
    max-width: none;
  }

  .mlmi--layout-slider .mlmi__lead-panel p {
    font-size: 15px;
    line-height: 1.58;
    max-width: none;
  }

  .mlmi--layout-slider .mlmi__counter {
    margin-top: 18px;
    gap: 12px;
  }

  .mlmi--layout-slider .mlmi__counter strong {
    width: 42px;
    height: 42px;
    font-size: 21px;
    flex: 0 0 42px;
  }

  .mlmi--layout-slider .mlmi__counter span {
    font-size: 13px;
    line-height: 1.3;
  }

  .mlmi--layout-slider .mlmi__slides {
    min-height: 0;
    height: auto;
  }

  .mlmi--layout-slider .mlmi__slide {
    position: relative;
    inset: auto;
    display: none;
    min-height: 0;
    padding: 24px;
    justify-content: flex-start;
    opacity: 1;
    transform: none;
    pointer-events: auto;
  }

  .mlmi--layout-slider .mlmi__slide.is-active {
    display: block;
    transform: none;
  }

  .mlmi--layout-slider .mlmi__slide-top {
    margin-bottom: 14px;
  }

  .mlmi--layout-slider .mlmi__item-icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
  }

  .mlmi--layout-slider .mlmi__num {
    width: 28px;
    height: 28px;
    font-size: 12px;
  }

  .mlmi--layout-slider .mlmi__slide h3 {
    margin: 14px 0 12px;
    font-size: 22px;
    line-height: 1.18;
    letter-spacing: -0.025em;
  }

  .mlmi--layout-slider .mlmi__slide p,
  .mlmi--layout-slider .mlmi__richtext {
    font-size: 15px;
    line-height: 1.58;
  }

  .mlmi--layout-slider .mlmi__slide p br,
  .mlmi--layout-slider .mlmi__richtext br {
    display: block;
    content: "";
    margin-top: 10px;
  }

  .mlmi--layout-slider .mlmi__slider-controls {
    margin-top: 2px;
  }

  .mlmi--layout-slider .mlmi__arrow {
    width: 42px;
    height: 42px;
  }

  .mlmi--layout-slider .mlmi__dots {
    gap: 6px;
    max-width: 190px;
    overflow: hidden;
  }

  .mlmi--layout-slider .mlmi__dots button {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
  }

  .mlmi--layout-slider .mlmi__dots button.is-active {
    width: 24px;
    flex-basis: 24px;
  }

  .mlmi--layout-slider .mlmi__cta {
    margin-top: 24px;
    padding: 20px;
    margin-bottom: 54px;
  }

  .mlmi--layout-slider .mlmi__cta strong {
    font-size: 15px;
    line-height: 1.45;
  }
}