/* No.07 ai-operating-model 固有：図03（5ステップ）を本文内で縦積みの手順表として表示する。
   main.css の .article-section li / ol li::before が .mf-flow > li の枠線・余白・番号を打ち消すため、ここで戻す。 */
.article-section .mf .mf-flow.aom-flow { grid-auto-flow: row; grid-auto-columns: auto; counter-reset: mff; }
.article-section .mf .mf-flow.aom-flow > li {
  counter-increment: mff; padding: 14px 18px 15px !important;
  border: 1px solid var(--mf-line); border-bottom: 0;
  display: grid; grid-template-columns: 210px 1fr; grid-template-areas: "n d" "b d"; column-gap: 20px; align-items: start;
  font-size: 13px; line-height: 1.75; color: var(--mf-ink-2);
}
.article-section .mf .mf-flow.aom-flow > li:last-child { border-bottom: 1px solid var(--mf-line); }
.article-section .mf .mf-flow.aom-flow > li.is-key { border-color: var(--mf-navy); color: #E6E9F0; }
.article-section .mf .mf-flow.aom-flow .mff-n { grid-area: n; margin-bottom: 2px; }
.article-section .mf .mf-flow.aom-flow b { grid-area: b; margin: 0; font-size: 15px; }
.article-section .mf .mf-flow.aom-flow .aom-d { grid-area: d; align-self: center; }
.article-section .mf .mf-flow.aom-flow > li + li::after {
  content: ""; left: 26px; top: -6px; width: 10px; height: 10px; transform: rotate(135deg); background: transparent;
}
@media (max-width: 720px) {
  .article-section .mf .mf-flow.aom-flow > li { grid-template-columns: 1fr; grid-template-areas: "n" "b" "d"; row-gap: 4px; }
}
/* 縦積み表（mf-table--stack）で行見出しが幅22%のまま細くなるのを防ぐ */
@media (max-width: 720px) {
  .article-section .mf .mf-table--stack tbody th { width: auto; white-space: normal; }
}
/* main.css の本文 ol 番号（li::before）が狭い幅で重なるため消す（番号は .mff-n 側で表示） */
.article-section .mf .mf-flow.aom-flow > li::before { content: none !important; display: none !important; }