/* 강좌 전용 스타일 — lectureBuilder 가 엔진을 갱신해도 이 파일은 보존됩니다.
 * 모든 페이지(index, lessons/*, tools/urdf-viewer.html)에서 theme.css 다음에 읽힙니다. */

/* ---------------------------------------------------------------- 3D 모듈 뷰어 ('모듈' 탭 · 부품 카드, assets/js/custom.js) */
.hv-chk { display: flex; align-items: flex-start; gap: 6px; font-size: 12.5px; margin: 4px 0 8px; line-height: 1.45; }
.hv-chk input { margin-top: 3px; }
.hv-leg { display: block; color: var(--text-faint); font-size: 11.5px; }
.hv-leg i { display: inline-block; width: 10px; height: 10px; border-radius: 2px; margin: 0 3px 0 6px; vertical-align: -1px; }
.hv-leg i:first-child { margin-left: 0; }
.hv-step { float: right; font-family: var(--mono); color: var(--accent); font-size: 11.5px; }
.hv-flow { font-size: 12.5px; line-height: 1.55; color: var(--text-dim); min-height: 3.1em; }
.hv-flow-list { margin: 8px 0 0; padding-left: 22px; columns: 2; column-gap: 18px; font-size: 12px; }
.hv-flow-list li { break-inside: avoid; margin: 1px 0; }
.hv-flow-list button { border: none; background: none; color: var(--text-dim); font: inherit; padding: 1px 0; cursor: pointer; text-align: left; }
.hv-flow-list button:hover { color: var(--accent); }
.hv-flow-list button.on { color: var(--accent); font-weight: 800; }
.hv-card {
  position: relative; width: 280px; max-width: 70vw; padding: 11px 14px; font-size: 12.5px; line-height: 1.55;
  background: var(--overlay-strong); backdrop-filter: blur(6px); border: 1px solid var(--border); border-radius: var(--radius);
}
.hv-card b { display: block; font-size: 14px; padding-right: 18px; }
.hv-card code { font-size: 11px; color: var(--accent); }
.hv-card p { margin: 6px 0 0; }
.hv-card .hv-dim { color: var(--text-faint); }
.hv-x { position: absolute; top: 5px; right: 8px; border: none; background: none; color: var(--text-faint); font-size: 18px; cursor: pointer; }

/* ---------------------------------------------------------------- Python Playground: HPLC 시뮬레이터에 맞지 않는 로봇용 항목 숨김
 * (장면 선택은 로봇 시뮬레이터용, 브리지는 실물 로봇용. HPLC 는 Simulator 타깃 + from hplc import HPLC) */
body.pg #sceneWrap { display: none; }
body.pg #target option[value^="bridge"] { display: none; }
body.pg #estopBtn small { display: none; }