/* 공부 페이지(영어·영어가족사·코딩) 휴대폰 보기 (2026-10-03)
   원칙: 가로로 미는 것 없이 두 줄로 내린다. PC(769px 이상)는 아무것도 안 바뀐다. */
@media (max-width: 768px) {

  /* english.html — 위쪽 탭 줄(STUDY·성경말씀·AI…)이 옆으로 넘치던 것 */
  .tabs { flex-wrap: wrap !important; }
  .tabs button { flex-shrink: 1 !important; }

  /* coding.html — 단계 줄(1.HTML이 뭔가요 …)을 옆으로 밀지 않고 두 줄로 */
  .stepper { flex-wrap: wrap !important; overflow-x: visible !important; }
  .stepper button { flex: 1 1 45% !important; }

  /* family.html — 강의정리용 입력칸이 글자보다 좁던 것 */
  #e_folder { width: 100% !important; }
}