/* RankLab Mobile Home Hotfix - 2026-08-11 */
/* 모바일에서는 메인 핵심 카드/표를 모두 1열로 강제 */

@media (max-width: 767px){

  /* 메인 상단 3개 카드: 지수 / 인기종목 / 리포트 */
  .rl-dashboard-v2 .rl-dashboard-grid.rl-dashboard-top{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    width:100% !important;
  }

  .rl-dashboard-v2 .rl-dashboard-grid.rl-dashboard-top > article,
  .rl-dashboard-v2 .rl-dashboard-grid.rl-dashboard-top > .rl-card{
    grid-column:auto !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  /* 기존 태블릿 규칙에서 3번째 카드 전체폭 지정된 것 초기화 */
  .rl-dashboard-v2 .rl-dashboard-grid.rl-dashboard-top > :nth-child(3){
    grid-column:auto !important;
  }

  /* 급등주 / 거래대금도 1열 */
  .rl-dashboard-v2 .rl-section-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    width:100% !important;
  }

  .rl-dashboard-v2 .rl-section-grid > article,
  .rl-dashboard-v2 .rl-section-grid > .rl-card{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  /* 카드 내부 여백/글자 가독성 */
  .rl-dashboard-v2 .rl-card{
    padding:16px !important;
  }

  .rl-dashboard-v2 .rl-card-head{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    margin-bottom:12px !important;
  }

  .rl-dashboard-v2 .rl-card-head h2{
    font-size:17px !important;
    line-height:1.35 !important;
    white-space:normal !important;
  }

  .rl-dashboard-v2 .rl-card-head a{
    flex:0 0 auto !important;
    font-size:12px !important;
  }

  /* 국내 주요 지수 */
  .rl-dashboard-v2 .rl-index-list > div{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto auto !important;
    gap:8px !important;
    align-items:center !important;
    min-width:0 !important;
  }

  .rl-dashboard-v2 .rl-index-list > div > span{
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-size:13px !important;
  }

  .rl-dashboard-v2 .rl-index-list > div > strong{
    font-size:14px !important;
    white-space:nowrap !important;
  }

  .rl-dashboard-v2 .rl-index-list > div > em{
    font-size:13px !important;
    white-space:nowrap !important;
  }

  /* 인기 종목 */
  .rl-dashboard-v2 .rl-mini-ranking li{
    display:grid !important;
    grid-template-columns:26px minmax(0,1fr) 64px !important;
    gap:8px !important;
    align-items:center !important;
    width:100% !important;
    min-width:0 !important;
  }

  .rl-dashboard-v2 .rl-mini-ranking li > b{
    width:26px !important;
    min-width:26px !important;
    text-align:center !important;
  }

  .rl-dashboard-v2 .rl-mini-ranking li > span{
    min-width:0 !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;
    font-size:13px !important;
  }

  .rl-dashboard-v2 .rl-mini-ranking li > span small{
    display:block !important;
    font-size:11px !important;
  }

  .rl-dashboard-v2 .rl-mini-ranking li > strong{
    width:64px !important;
    min-width:64px !important;
    text-align:right !important;
    font-size:12px !important;
    white-space:nowrap !important;
  }

  /* 최신 리포트 */
  .rl-dashboard-v2 .rl-report-preview a{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    padding:12px 0 !important;
  }

  .rl-dashboard-v2 .rl-report-preview a > span,
  .rl-dashboard-v2 .rl-report-preview a > strong,
  .rl-dashboard-v2 .rl-report-preview a > small{
    display:block !important;
    max-width:100% !important;
  }

  .rl-dashboard-v2 .rl-report-preview a > strong{
    margin:4px 0 !important;
    font-size:14px !important;
    line-height:1.45 !important;
    white-space:normal !important;
    overflow:visible !important;
  }

  .rl-dashboard-v2 .rl-report-preview a > small{
    font-size:11px !important;
    line-height:1.4 !important;
  }

  /* 급등주 / 거래대금 행 */
  .rl-dashboard-v2 .rl-stock-table > a{
    display:grid !important;
    grid-template-columns:24px minmax(0,1fr) 72px 58px !important;
    gap:5px !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    align-items:center !important;
    box-sizing:border-box !important;
  }

  .rl-dashboard-v2 .rl-stock-table > a > span{
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-size:13px !important;
  }

  .rl-dashboard-v2 .rl-stock-table > a > span small{
    display:block !important;
    font-size:10px !important;
  }

  .rl-dashboard-v2 .rl-stock-table > a > em{
    width:72px !important;
    min-width:72px !important;
    max-width:72px !important;
    text-align:right !important;
    font-size:11px !important;
    white-space:nowrap !important;
  }

  .rl-dashboard-v2 .rl-stock-table > a > strong{
    width:58px !important;
    min-width:58px !important;
    max-width:58px !important;
    text-align:right !important;
    font-size:11px !important;
    white-space:nowrap !important;
  }
}

/* 430px 이하에서는 더 여유 있게 */
@media (max-width: 430px){

  .rl-dashboard-v2 .rl-card{
    padding:14px !important;
  }

  .rl-dashboard-v2 .rl-stock-table > a{
    grid-template-columns:22px minmax(0,1fr) 65px 52px !important;
    gap:4px !important;
  }

  .rl-dashboard-v2 .rl-stock-table > a > em{
    width:65px !important;
    min-width:65px !important;
    max-width:65px !important;
    font-size:10px !important;
  }

  .rl-dashboard-v2 .rl-stock-table > a > strong{
    width:52px !important;
    min-width:52px !important;
    max-width:52px !important;
    font-size:10px !important;
  }

  .rl-dashboard-v2 .rl-mini-ranking li{
    grid-template-columns:24px minmax(0,1fr) 58px !important;
    gap:6px !important;
  }

  .rl-dashboard-v2 .rl-mini-ranking li > strong{
    width:58px !important;
    min-width:58px !important;
    font-size:11px !important;
  }
}