@media (max-width: 997px) {
}

/* ====== 모바일 긴급 패치 ====== */
@media (max-width: 768px) {

  /* 전체 좌우 여백 줄이기 */
  .page-header,
  .writing-support,
  .app-examples,
  .diff,
  .env {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* 솔루션 상단 */
  .solution-bg {
    height: auto;
    padding: 40px 0;
  }

  .solution-bg .text {
    padding: 0 16px;
  }

  .solution-bg .bg-img {
    width: 100%;
    opacity: 0.2;
  }

  /* 앱 예시 (핵심) */
  .app-examples ul {
    flex-direction: column;
    gap: 40px;
  }

  /* 원형 이미지 줄이기 */
  .app-examples ul li img {
    width: 140px;
    height: 140px;
  }

  /* key features 1열 */
  .kf-inner {
    grid-template-columns: 1fr;
  }

  /* 카드 padding 줄이기 */
  .support-card {
    padding: 20px;
  }

  /* 테이블 스크롤 */
  .env-table {
    overflow-x: auto;
  }

  /* 푸터 정렬 */
  footer > div {
    flex-direction: column;
  }
}