/* harness-engineering-for-smb: 記事本文内の図(.mf)で mf-flow を使うための最小補正。
   method-fig.css の「.article-section .mf li」リセットと main.css の ol カウンターが
   .mf-flow > li の枠線・余白・番号を打ち消すため、ここで戻す。 */
.article-section .mf .mf-flow > li {
  padding: 16px 16px 18px; border: 1px solid var(--mf-line); border-right: 0;
  counter-increment: mff; font-family: var(--font-jp); font-size: 12.5px; line-height: 1.7; color: var(--mf-ink-2); background: #fff;
}
.article-section .mf .mf-flow > li:last-child { border-right: 1px solid var(--mf-line); }
.article-section .mf .mf-flow > li.is-key { background: var(--mf-navy); border-color: var(--mf-navy); color: #E6E9F0; }
@media (max-width: 720px) {
  .article-section .mf .mf-flow > li { border-right: 1px solid var(--mf-line); border-bottom: 0; font-size: 13px !important; }
  .article-section .mf .mf-flow > li:last-child { border-bottom: 1px solid var(--mf-line); }
}
/* mf-table--stack のモバイル補正: caption が1文字幅に潰れる／行見出し th が width:22% のまま残る */
@media (max-width: 720px) {
  .mf-table--stack caption { display: block; width: 100%; }
  .mf-table.mf-table--stack tbody th { width: 100%; box-sizing: border-box; }
}