/* 記事09 固有: 本文セクション内の .mf-flow に method-fig.css の装飾を戻す
   （.article-section .mf li のリセットと .article-section ol の番号カウンタが優先されるため） */
.article-section .mf .mf-flow > li {
  padding: 16px 16px 18px; border: 1px solid var(--mf-line); border-right: 0;
  counter-increment: mff; font-size: 12.5px; line-height: 1.7;
}
.article-section .mf .mf-flow > li:last-child { border-right: 1px solid var(--mf-line); }
.article-section .mf .mf-flow > li.is-key { border-color: var(--mf-navy); }
.article-section .mf .mf-flow > li.is-risk { border-color: var(--mf-accent); border-right: 1px solid var(--mf-accent); }
.article-section .mf .mf-flow > li + li::after {
  content: ""; position: absolute; left: -7px; top: 26px; width: 12px; height: 12px;
  background: #fff; border-top: 1px solid var(--mf-ink); border-right: 1px solid var(--mf-ink); transform: rotate(45deg);
}
.article-section .mf .mf-flow--cause > li + li::after { border-color: var(--mf-accent); }
.article-section .mf .mf-flow { margin-top: 4px; }
@media (max-width: 720px) {
  .article-section .mf .mf-flow > li { border-right: 1px solid var(--mf-line); border-bottom: 0; }
  .article-section .mf .mf-flow > li:last-child { border-bottom: 1px solid var(--mf-line); }
  .article-section .mf .mf-flow > li.is-risk { border: 1px solid var(--mf-accent); }
  .article-section .mf .mf-flow > li + li::after { left: 20px; top: -6px; width: 10px; height: 10px; transform: rotate(135deg); background: transparent; }
}
/* 縦積み表: 行見出しの幅22%指定を解除 */
@media (max-width: 720px) {
  .mf-table--stack tbody th { width: auto; }
}