/* 백테스트 탭 — 매수·매도 예시 격자와 카드(캔들 미니 차트 + «⋯» 내보내기). `backtest.css` 가 200줄에 닿아
   책임으로 갈랐다(2026-09-11). 좁은 화면 규칙은 여기 없다 — `mobile-backtest.css`. */
.bt-examples-legend { margin: 0 0 10px; }
.bt-examples-section { margin: 0 0 20px; }
.bt-examples-title { margin: 0 0 10px; font-weight: 600; }
.bt-examples-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
.bt-example-card { padding: 8px; border: 1px solid var(--line); border-radius: var(--radius); }
.bt-example-head { margin: 0 0 2px; font-weight: 600; }
.bt-example-meta { margin: 0 0 6px; color: var(--muted); font-size: 12px; }
.bt-example-chart { width: 100%; }
/* 예시 카드의 내보내기 토글(2026-09-11) — `.btn-action` 자체는 `buttons.css` 에 `display`
   가 있어(부분 일치) 검사가 짝을 요구한다 — 명시로 만족시킨다(`.bt-adr[hidden]` 과 같은 이유). */
.bt-example-export-toggle[hidden] { display: none; }
/* «⋯» 가 여닫는 내보내기 줄. `chartui.css` 의 `.chart-export { display: flex }` 가 UA 의 `[hidden]` 을 이겨
   토글이 «아무 반응이 없던» 버그(사용자 신고 2026-09-11) — 짝 규칙을 명시해야 hidden 이 먹는다. */
.bt-example-chart .chart-export[hidden] { display: none; }
/* 캔버스보다 먼저 오지만 카드 안에서 오른쪽에 붙는다 — 캔들 위를 가리지 않는다. */
.bt-example-export-toggle { display: block; margin: 0 0 4px auto; }