/* ==========================================================================
   pages/inquiry.css — INQUIRY 페이지 고유 레이아웃
   좌측 콘텐츠 766px / 우측 구성 패널 404px (시안 node 37:1435 · 37:1554)
   ========================================================================== */

.inquiry__inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--sp-10);
  /* 모바일은 위를 좁힌다 `[2026-09-18]` — 맨 위 한 줄이 뒤로가기라
     40px 을 띄우면 화면을 열자마자 빈 띠부터 본다 */
  padding-block: var(--sp-3) var(--sp-16);
}

@media (min-width: 768px) {
  .inquiry__inner { padding-block: var(--sp-10) var(--sp-20); }
}

.inquiry__content {
  display: flex;
  flex-direction: column;
  /* 모바일은 12px `[2026-09-18]` — 50px 은 좁은 화면에서 구역 사이가 아니라
     빈 화면처럼 읽힌다. 뒤로가기 줄 바로 아래가 특히 비어 보였다 */
  gap: var(--sp-3);
  min-width: 0;
}

@media (min-width: 768px) {
  .inquiry__content { gap: 50px; }
}

.inquiry__aside { min-width: 0; }

@media (min-width: 1024px) {
  .inquiry__inner {
    grid-template-columns: minmax(0, 1fr) 404px;
    gap: var(--sp-20);
    padding-block: var(--sp-16) var(--sp-20);
  }
  /* 시안은 좌우 사이에 세로 구분선이 있다 */
  .inquiry__aside {
    padding-left: 30px;
    border-left: 1px solid var(--c-line-soft);
  }
}