/* フォークリフト：写真、表の値の図、コース分岐、既存手順。 */
.caption-reference { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
#fv .forklift-photo { order: 8; min-width: 0; margin: 0; }
.forklift-photo img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--radius-card); }
.forklift-photo .photo-note { margin-top: var(--space-2); }
#fv .fv-context { order: 9; }
.forklift-reference { display: flex; align-items: center; gap: var(--space-2); color: var(--color-navy); font-size: var(--font-note); margin-block: var(--space-4); }
.forklift-reference::before { content: ''; width: 32px; border-top: 2px dashed var(--color-navy); }
.forklift-chart-rows { display: grid; gap: var(--space-4); }
.forklift-chart-row { display: grid; grid-template-columns: 40px minmax(0,1fr); align-items: center; gap: var(--space-3); }
.forklift-chart-item { display: grid; grid-template-columns: minmax(0,1fr) 66px; align-items: center; gap: var(--space-1) var(--space-2); }
.forklift-chart .chart-track { position: relative; }
.forklift-chart .chart-track::after { content: ''; position: absolute; top: -5px; bottom: -5px; left: var(--national-position); border-left: 2px dashed var(--color-navy); filter: drop-shadow(1px 0 white); }
.forklift-chart-caution { grid-column: 1 / -1; font-size: var(--font-source); color: var(--color-text-sub); }
.check-table-frame { overflow: visible; border: 0; background: transparent; }
.forklift-check-table { display: block; min-width: 0; background: transparent; }
.forklift-check-table thead { display: block; margin-bottom: var(--space-4); }
.forklift-check-table thead tr { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
.forklift-check-table thead th { display: block; min-width: 0; border: 0; }
.forklift-check-table thead th:first-child { border-radius: var(--radius-control) 0 0 var(--radius-control); }
.forklift-check-table thead th:last-child { border-radius: 0 var(--radius-control) var(--radius-control) 0; }
.forklift-check-table tbody { display: grid; gap: var(--space-4); }
.forklift-check-table tbody tr { display: block; padding: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-card); background: var(--color-bg); }
.forklift-check-table td { display: flow-root; border: 0; padding: 0; }
.forklift-check-table td:first-child { color: var(--color-navy); font-weight: 700; }
.forklift-check-table td + td { margin-top: var(--space-3); }
.forklift-check-table .card-icon { float: right; width: var(--size-icon); height: var(--size-icon); margin: 0 0 var(--space-2) var(--space-3); }
.course-figure { padding: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-card); background: var(--color-bg); }
.course-question { padding: var(--space-4); border: 1px solid var(--color-navy); border-radius: var(--radius-control); background: var(--color-accent-bg); font-weight: 700; }
.course-branches { display: grid; gap: var(--space-4); margin-top: var(--space-5); }
.course-branch { position: relative; display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-4); border: 1px solid var(--color-control-border); border-radius: var(--radius-card); }
.course-branch::before { content: ''; position: absolute; top: -13px; left: calc(50% - 6px); width: 12px; height: 12px; border-right: 2px solid var(--color-navy); border-bottom: 2px solid var(--color-navy); transform: rotate(45deg); background: var(--color-bg); }
.course-branch-label { color: var(--color-navy); font-weight: 700; }
.course-condition { font-size: var(--font-note); }
.course-branch .course-question { margin-top: auto; padding: var(--space-3); font-size: var(--font-note); }
.course-period { text-align: center; font-weight: 700; color: var(--color-navy); }
.course-outcomes { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-2); }
.course-result { display: grid; gap: var(--space-2); text-align: center; border-top: 2px solid var(--color-border); padding-top: var(--space-3); }
.course-result span { font-size: var(--font-note); }
.course-result strong, .course-hours { display: block; padding: var(--space-3); background: var(--color-accent-bg); color: var(--color-navy); border-radius: var(--radius-control); font-size: var(--font-h3); }
.course-hours { margin-top: auto; text-align: center; }
.material-flow { display: grid; gap: var(--space-3); padding: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-card); background: var(--color-bg); }
.material-stage { display: grid; place-items: center; min-height: 88px; padding: var(--space-3); border: 1px solid var(--color-navy); border-radius: var(--radius-control); background: var(--color-accent-bg); font-weight: 700; text-align: center; }
.material-arrow { display: grid; justify-items: center; gap: var(--space-2); color: var(--color-navy); }
.material-arrow svg { width: 44px; height: 44px; }
.material-arrow::after { content: ''; width: 10px; height: 10px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); }
@media (min-width: 768px) {
  #fv .forklift-photo { grid-area: 4 / 2 / 6 / 3; align-self: start; }
  .forklift-photo img { aspect-ratio: 16 / 9; }
  #fv .fv-context { grid-area: 8 / 1 / 9 / -1; }
  .forklift-check-table tbody { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .course-branches { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .material-flow { grid-template-columns: minmax(0,1fr) 36px minmax(0,1fr) 36px minmax(0,1fr) 36px minmax(0,1fr); gap: var(--space-2); align-items: center; }
  .material-arrow svg { width: 36px; height: 36px; }
  .material-arrow::after { transform: rotate(-45deg); }
  #flow > .forklift-flow { max-width: var(--width-wide); grid-template-columns: repeat(6,minmax(0,1fr)); gap: var(--space-4); }
  .forklift-flow .step { display: flex; flex-direction: column; gap: var(--space-3); padding-bottom: 0; }
  .forklift-flow .step > .num { flex-shrink: 0; }
  .forklift-flow .step > div { margin: 0; }
  .forklift-flow .step .h3 { font-size: var(--font-control); padding: 0; }
  .forklift-flow .step p { font-size: var(--font-note); }
  #flow .forklift-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); }
  .forklift-flow .flow-note { padding: var(--space-3); }
}

/* 早見表：スマホで時間と日数の列が1文字ずつ折り返さないように */
@media (max-width: 767px) {
  [aria-labelledby="forklift-table-title-2"] :is(th, td):not(:first-child) { white-space: nowrap; }
}