/*
 * FloS 주제별 탑3 특별판 v49 — 모바일 가독성·폭·로딩 보정
 * 2026-10-08
 *
 * v48의 PC 디자인은 유지하고 다음만 보정한다.
 * - 모바일 9~10px대 글씨를 11~13px대로 회복
 * - 특별판 의견 NEW / 반응 많은 순을 모바일에서 1열로 배치
 * - 섹션 띠가 뷰포트 오른쪽으로 넘치지 않도록 폭/줄바꿈 보정
 */

/* 섹션 띠는 언제나 부모 폭 안에서 끝나야 한다. */
body.topics-special-v49 .section-label{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  flex-wrap:wrap;
}
body.topics-special-v49 .section-label > *{min-width:0}
body.topics-special-v49 .section-label .note{
  overflow-wrap:anywhere;
  white-space:normal;
}

@media (max-width:759px){
  /* 작은 글씨 회귀 방지 */
  body.topics-special-v49 .sp-head .sp-kind{font-size:11.5px;padding:4px 9px}
  body.topics-special-v49 .sp-head .topic-sum{font-size:12.5px;line-height:1.6}
  body.topics-special-v49 .sp-head .topic-stats span{font-size:11.5px}
  body.topics-special-v49 .sp-head .who{font-size:11.5px;line-height:1.6}
  body.topics-special-v49 .sp-note p{font-size:12.5px;line-height:1.65}

  body.topics-special-v49 .section-label{
    margin-left:0;
    margin-right:0;
    padding:10px 11px;
    gap:5px 8px;
  }
  body.topics-special-v49 .section-label h2{font-size:17px}
  body.topics-special-v49 .section-label .note{
    flex:1 1 100%;
    max-width:100%;
    font-size:12px;
    line-height:1.5;
    text-align:left;
    word-break:keep-all;
    overflow-wrap:anywhere;
  }

  body.topics-special-v49 .sp-badge{
    min-width:48px;
    padding:4px 8px;
    font-size:11.5px;
  }
  body.topics-special-v49 .sp-work{font-size:17px}
  body.topics-special-v49 .sp-by{font-size:11.5px}
  body.topics-special-v49 .sp-poem .row-body{font-size:13.5px;line-height:1.65}
  body.topics-special-v49 .sp-count{font-size:11.5px}
  body.topics-special-v49 .sp-card-foot .btn.solid{font-size:13px}

  /* 특별판의 의견 두 칸은 휴대폰에서 한 칸씩 넓게 쌓는다. */
  body.topics-special-v49 .sp-work-boards,
  body.topics-special-v49 #opinions + .boards{
    grid-template-columns:minmax(0,1fr);
  }
  body.topics-special-v49 .sp-work-boards > .board,
  body.topics-special-v49 #opinions + .boards > .board{
    width:100%;
    min-width:0;
  }

  body.topics-special-v49 .sp-work-boards .board-head{padding:9px 10px}
  body.topics-special-v49 .sp-work-boards .board-head h2{
    font-size:12.5px;
    line-height:1.45;
    word-break:keep-all;
    overflow-wrap:anywhere;
  }
  body.topics-special-v49 .sp-work-boards .board-empty,
  body.topics-special-v49 #opinions + .boards .board-empty{
    min-height:48px;
    padding:13px 9px;
    font-size:12px;
    line-height:1.5;
  }

  body.topics-special-v49 .row-tag span{font-size:11.5px}
  body.topics-special-v49 .row-book,
  body.topics-special-v49 .row-meta,
  body.topics-special-v49 .row-votes{font-size:11.5px}
}