/* =========================================================
   LM가이드의 선정 (file_lm_select.html 전용)
   - 입력칸 · 표 · 판정 배너 등은 볼나사의 선정(css/select.css)과 같이 씀
   ========================================================= */

/* 설치 방식 고르기 (그림 카드 3개 - 수평축의 오버행은 L2 · L3 값으로 자동 판단) */
.mount-pick { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-bottom: 16px; }
.mount-opt {
    display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 8px 6px 9px;
    border: 2px solid #dbeafe; border-radius: 10px; background: #fff; cursor: pointer; font-family: inherit;
    transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;
}
.mount-opt img { width: 100%; height: 86px; object-fit: contain; }
.mount-opt span { font-size: 13.5px; font-weight: 800; color: #334155; word-break: keep-all; text-align: center; line-height: 1.3; }
.mount-opt:hover { border-color: #93c5fd; }
.mount-opt.active { border-color: var(--main-color); background: #eff6ff; box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.12); }
.mount-opt.active span { color: var(--main-color); }
.sr-text { font: inherit; }

/* 설치 그림 · 계산식 */
.lm-figure > h2 small { font-size: 13px; }
.fig-wrap { display: flex; align-items: center; justify-content: center; min-height: 120px; }
.fig-wrap img { display: block; width: 100%; max-width: 900px; height: auto; }
.fig-empty { margin: 0; padding: 20px; font-size: 14px; font-weight: 600; color: #64748b; text-align: center; }

/* 블록 하중 표: 가장 큰 하중 블록 강조 */
.blk-table td, .blk-table th { font-size: 14px; }
.blk-table tr.mx td { background: #fff7ed; }
.blk-table tr.mx td:first-child { color: #c2410c; font-weight: 800; }
.blk-help { margin: 10px 0 0; }

/* 선정 결과: 3칸 */
.lm-dt { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dt-box.info { border-top-color: #0284c7; }
.dt-box.info h4 { color: #0f172a; }

@media (max-width: 1100px) {
    .lm-dt { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
    .lm-dt { grid-template-columns: 1fr; }
    .mount-opt img { height: 70px; }
}
