/* ─────────────────────────────────────────────────────────────────────
   BLOOM — ingredient-index (Botanicals strip)
   Three-column bordered strip on the surface canvas. Desktop: 3 equal
   columns divided by hairlines. Mobile: stacks to 1 column, each row
   divided by a bottom hairline instead.
   ───────────────────────────────────────────────────────────────────── */

.lm-index-wrap {
  background: var(--color-surface);
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}

.lm-index-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.lm-irow {
  padding: 34px;
  border-right: 1px solid var(--color-border);
  text-align: center;
}
.lm-irow:last-child { border-right: 0; }

.lm-irow__kicker {
  font-family: var(--font-body);
  font-size: 10px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--color-accent);
}

.lm-irow__heading {
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 400;
  margin: 8px 0 5px;
  color: var(--color-text);
}

.lm-irow__desc {
  font-size: 13px;
  color: var(--color-text-muted);
  margin: 0;
}

/* ── Mobile (≤768) — stack, divider moves to bottom border ───────────── */
@media (max-width: 768px) {
  .lm-index-grid { grid-template-columns: 1fr; }
  .lm-irow {
    border-right: 0;
    border-bottom: 1px solid var(--color-border);
  }
  .lm-irow:last-child { border-bottom: 0; }
}