/* inquiry.css — 도입 문의(공개 /inquiry · 운영자 /admin/inquiries)
   platform.css 는 건드리지 않는다: 이 파일은 **배치만** 더한다. 새 토큰·새 색
   리터럴은 없다(R7 이 세운 규율 — 값이 필요하면 §3 사다리에서 고른다).
   44px 는 `--touch` 하나에서 온다. 입력·버튼의 모바일 44px 는 platform.css 의
   `max-width:899.98px` 블록이 이미 준다 — 여기는 그 밖의 자리만 채운다. */

/* ── 공개 폼: 카드 폭 ───────────────────────────────────────────────────
   껍데기(_auth_base)의 카드는 410px 이다. 이 폼은 고지 네 줄을 품어야
   해서 데스크톱에서만 조금 넓힌다. 좁은 화면에서는 카드 여백을 줄여
   글자 폭을 번다(375 에서 본문 267 → 303px). */
@media(min-width:900px){
  .auth-card:has(.inq-form),.auth-card:has(.inq-done){max-width:480px}
}
@media(max-width:480px){
  .auth-wrap:has(.inq-form){padding:var(--sp-4)}
  .auth-card:has(.inq-form),.auth-card:has(.inq-done){
    padding:var(--sp-6) var(--sp-5);border-radius:var(--radius)}
}

.inq-lead{margin:calc(var(--sp-2) * -1) 0 var(--sp-3)}
.inq-opt{font-weight:600;color:var(--faint)}

/* 지점 수 · 인원 — 둘 다 짧은 범위라 좁은 화면에서도 한 줄에 둔다. */
.inq-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}
.inq-pair .field{min-width:0}

/* 허니팟 — 사람에게는 없는 칸. `display:none` 은 쓰지 않는다(그 칸을
   건너뛰는 봇이 있다). 화면 밖으로 보내고 스크린리더·탭에서도 뺀다. */
.inq-hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;
  overflow:hidden}

/* ── 수집·이용 안내 — 동의 체크 바로 위 ─────────────────────────────────
   본문은 --fs-cap(12px ≈ 9pt — 고시가 말하는 하한), 중요한 내용 둘은
   --fs-lead(15px) 굵게 — 다른 내용보다 25% 크다(고시의 20% 이상). */
.inq-notice{margin-top:var(--sp-2);padding:var(--sp-3) var(--sp-4);
  background:var(--surface-2);border:1px solid var(--border);
  border-radius:var(--radius-sm)}
.inq-notice-h{font-size:var(--fs-sub);font-weight:800;color:var(--text);
  margin:0 0 var(--sp-2)}
.inq-dl{display:grid;grid-template-columns:max-content 1fr;
  gap:var(--sp-2) var(--sp-3);margin:0;font-size:var(--fs-cap);
  line-height:var(--lh-body)}
.inq-dl dt{font-weight:800;color:var(--muted)}
.inq-dl dd{margin:0;color:var(--sub);min-width:0;word-break:keep-all;
  overflow-wrap:anywhere}
.inq-strong{font-size:var(--fs-lead);font-weight:800;color:var(--text);
  line-height:var(--lh-tight)}
@media(max-width:480px){
  .inq-dl{grid-template-columns:1fr;gap:0}
  .inq-dl dd{margin-bottom:var(--sp-2)}
}
/* 동의 줄 — 껍데기의 `.auth-card label{display:block}`(0,1,1)이 `.consent-row`
   (0,1,0)를 이겨 줄이 flex 가 아니게 된다. 여기서 한 단 높여 되찾는다. */
.auth-card .inq-agree{display:flex;align-items:center;margin:var(--sp-2) 0 0;
  font-size:var(--fs-sub);font-weight:700;color:var(--text)}

.inq-wide{width:100%;justify-content:center;min-height:var(--touch);
  margin-top:var(--sp-3)}
.inq-done{display:flex;flex-direction:column;gap:var(--sp-2)}

/* ── 운영자 화면 ─────────────────────────────────────────────────────── */
.inq-filter{display:flex;flex-wrap:wrap;gap:var(--sp-1)}
.inq-filter .inq-on{border-color:var(--primary);color:var(--primary-press);
  background:var(--primary-soft)}
.inq-rule{margin:0 0 var(--sp-3)}
.inq-contact{display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-4);
  font-size:var(--fs-sub)}
.inq-contact a{overflow-wrap:anywhere;min-width:0}
.inq-proc{display:flex;flex-direction:column;gap:var(--sp-2);align-items:flex-start}
.inq-proc select.input{min-width:160px;max-width:100%}
.inq-proc textarea.input{width:100%}
.inq-purge{align-self:flex-start;margin:0}

@media(max-width:899.98px){
  /* 연락처 링크는 이 화면에 온 이유다 — 누르는 면적을 44px 로. */
  .inq-contact a{display:inline-flex;align-items:center;min-height:var(--touch)}
  .inq-proc select.input{width:100%}
  /* 공개 폼의 링크 둘 — 처리방침 전문과 바닥의 [로그인](껍데기의 마지막 줄).
     껍데기를 고치지 않고 이 화면에서만 닿는 면적을 44px 로 넓힌다. */
  .inq-more a,
  .auth-card:has(.inq-form)>div:last-child a,
  .auth-card:has(.inq-done)>div:last-child a{
    display:inline-flex;align-items:center;min-height:var(--touch)}
}