/**
 * split-layout block styles
 */

@layer mm-block {
  .mm-x-split {
    display: grid;
    grid-template-columns: 1fr .86fr;
    gap: 44px;
    align-items: center;
  }

  .mm-x-answer-box {
    border-left: 5px solid var(--mmx-red);
    background: var(--mmx-white);
    box-shadow: var(--mmx-shadow);
    border-radius: var(--mmx-radius);
    padding: 6px 26px;
    font-size: 20px;
    margin-top: 24px;
  }

  /* .mm-x-caption 已上收 style-index-ext.css [shared] 段 */

  .mm-x-split figure { margin: 0; }
}

@layer mm-responsive {
  /* ── Responsive ───────────────────────────────────────────────────── */
  @media (max-width: 920px) {
    .mm-x-split {
      grid-template-columns: 1fr;
    }
    .mm-x-split figure img {
      width: 100%;
      max-height: 360px;
      object-fit: cover;
      border-radius: var(--mmx-radius);
    }
  }
}