/* =========================================================
   KP 엑추에이터의 선정 (file_kp_select.html 전용)
   - 입력칸 · 표 · 판정 배너 등은 볼나사의 선정(css/select.css)과 같이 씀
   ========================================================= */

/* 무게중심 위치 그림 */
.kp-fig svg { display: block; width: 100%; max-width: 860px; height: auto; margin: 0 auto; }
.fig-note { margin: 10px 0 0; padding: 10px 14px; font-size: 13.5px; line-height: 1.6; color: #334155; background: #f1f5f9; border-left: 3px solid var(--main-color); border-radius: 0 6px 6px 0; }
.fig-note b { color: var(--main-color); margin-right: 4px; }
.kp-fig .tool-help { margin: 8px 0 0; }

/* 구간별 하중 · 모멘트 표 (좁은 왼쪽 칸에 6열) */
.kp-load th, .kp-load td { padding: 5px 4px; font-size: 12.5px; }
.kp-load th { line-height: 1.25; }
.kp-load td:first-child { white-space: nowrap; font-weight: 700; color: #334155; }
.kp-load td:first-child small { font-weight: 500; }

/* 선정 결과 칸 안의 설명이 길어서 줄간격만 조금 넓힘 */
.kp-dt .dt-box .s { line-height: 1.6; }

/* 짧은 스트로크 안내 (판정에는 넣지 않고 주의만) */
.kp-caution { grid-column: 1 / -1; margin: 0; padding: 10px 14px; font-size: 13.5px; line-height: 1.6; color: #92400e; background: #fffbeb; border: 1px solid #fde68a; border-left: 4px solid #f59e0b; border-radius: 0 6px 6px 0; }
.kp-caution b { margin-right: 6px; }
.res-table td .caution { display: block; font-size: 11.5px; color: #b45309; margin-top: 2px; }

@media (max-width: 700px) {
    .kp-dt { grid-template-columns: 1fr; }
}