/* 第二種電気工事士：写真、確認チェックリスト、既存の6手順。 */
#fv .denki-photo { order: 8; min-width: 0; margin: 0; }
.denki-photo img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--radius-card); }
.denki-photo .photo-note { margin-top: var(--space-2); }
#fv .fv-scope-note { order: 9; }
#fv .fv-scope-card { order: 10; }
.denki-checklist { gap: var(--space-5); }
.check-priority { display: grid; gap: var(--space-4); padding: var(--space-4); border: 2px solid var(--color-navy); border-radius: var(--radius-card); background: var(--color-accent-bg); }
.check-group-title { color: var(--color-navy); font-weight: 700; font-size: var(--font-h3); }
.check-rest { display: grid; gap: var(--space-4); }
.denki-checklist .card { display: grid; grid-template-columns: var(--size-number) minmax(0,1fr); gap: var(--space-3); }
.denki-checklist .card > div { display: flow-root; margin-top: 0; min-width: 0; }
.denki-checklist .card-icon { float: right; width: var(--size-icon); height: var(--size-icon); margin: 0 0 var(--space-3) var(--space-3); color: var(--color-navy); }
.denki-checklist .card-icon + .h3 { margin-top: 0; }
@media (min-width: 768px) {
  #fv .denki-photo { grid-area: 4 / 2 / 6 / 3; align-self: start; }
  .denki-photo img { aspect-ratio: 16 / 9; }
  #fv .fv-scope-note { grid-area: 8 / 1 / 9 / -1; }
  #fv .fv-scope-card { grid-area: 9 / 1 / 10 / -1; }
  .check-rest { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #flow > .denki-flow { max-width: var(--width-wide); grid-template-columns: repeat(6,minmax(0,1fr)); gap: var(--space-4); }
  .denki-flow .step { display: flex; flex-direction: column; gap: var(--space-3); padding-bottom: 0; }
  .denki-flow .step > .num { flex-shrink: 0; }
  .denki-flow .step > div { margin: 0; }
  .denki-flow .step .h3 { font-size: var(--font-control); padding: 0; }
  .denki-flow .step p { font-size: var(--font-note); }
  #flow .denki-flow .step:not(:last-child)::after { top: calc(var(--size-number) / 2); bottom: auto; left: var(--size-number); width: calc(100% - var(--size-number) + var(--space-4)); height: 2px; background: var(--color-navy); }
  .denki-flow .flow-note { padding: var(--space-3); }
}