/* 종목 상세 — 반응형 보정 */
body { overflow-x:hidden; }
section, .chart-wrap, .metric, .ind-card { min-width:0; }
.chart-wrap { overflow:hidden; }

@media (max-width:760px) {
  /* 모바일 세로 간격 축소: 섹션 padding·섹션 간격·카드 높이를 살짝씩만 줄인다(텍스트 크기 유지). */
  .wrap { padding:22px 14px 64px; }
  section { border-radius:18px; padding:16px 14px; margin-bottom:14px; }
  header h1 { font-size:30px; }
  .brand-row { margin-bottom:14px; }
  /* 바(header divider)↔검색↔요약 사이 간격을 살짝 더 압축 */
  header { margin-bottom:14px; padding-bottom:16px; }
  .stock-search { margin:2px auto 12px; }
  .sec-head { flex-wrap:wrap; gap:10px; margin-bottom:14px; }
  .sec-head h2 { font-size:20px; }
  .sec-note { flex:0 0 auto; margin-left:auto; font-size:11px; white-space:nowrap; }
  .hero-head { gap:14px; margin-bottom:15px; }
  .metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .metric { padding:13px 13px; }
  /* 종목명~52주 위치 섹션을 한 화면에 담기 위해 요약의 거래량·52주위치 카드는 모바일에서 숨김 */
  .metric.hide-mobile { display:none; }
  .ind-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .ind-card { padding:12px 13px; }
  .chart-tools { width:100%; margin-left:0; }
  .range-panel { grid-template-columns:minmax(0,1fr); gap:14px; }
  .meter-track { margin:10px 0 6px; }
  .ret-rows { gap:6px; }
  .ret-row { grid-template-columns:66px 1fr 60px; gap:10px; }
}

@media (max-width:430px) {
  .metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ind-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .seg-tabs button { padding:5px 9px; }
  header h1 { font-size:26px; }
}