/* 손님 문의 — 「내 문의」와 주문 화면의 「이 주문 문의」가 같이 쓴다 (2026-09-23).
   🔴 이름은 전부 .inq 로 시작한다 — 다른 화면 규칙과 부딪히지 않게. */
.inq-list{list-style:none;margin:0 0 var(--s4);padding:0;display:grid;gap:var(--s3)}
.inq{padding:var(--s4);border:1px solid var(--c-border);border-radius:var(--r-lg,12px);background:var(--c-surface)}
.inq:target,.inq.inq--focus{border-color:var(--c-btn-point-bg);box-shadow:0 0 0 2px var(--c-btn-point-bg) inset}
.inq-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);margin-bottom:var(--s2)}
.inq-when{font-size:var(--t-cap);color:var(--c-text-sub)}
.inq-when a{color:inherit;text-decoration:underline;display:inline-flex;align-items:center;min-height:var(--tap)}
.inq-q{margin:0;white-space:pre-line;overflow-wrap:anywhere;line-height:1.7}
.inq-a{margin-top:var(--s3);padding:var(--s3);border-left:3px solid var(--c-btn-point-bg);background:var(--c-surface-point,var(--c-surface))}
.inq-a b{display:block;margin-bottom:var(--s1)}
.inq-a p{margin:0 0 var(--s1);white-space:pre-line;overflow-wrap:anywhere;line-height:1.7}
.inq-wait{margin:var(--s2) 0 0;font-size:var(--t-cap);color:var(--c-text-sub)}
.inq-form{display:grid;gap:0}
.inq-form .btn{justify-self:start}
.inq-msg:empty{display:none}
.inq-msg{margin-top:var(--s3)}
.inq-order{margin-top:var(--s5,24px)}
.inq-order h2{margin:0 0 var(--s3);font-size:var(--t-h3,19px)}
.inq-lead{margin:0 0 var(--s3)}
.inq-guest .btn{margin:var(--s3) 0}
.my-card .inq-h{margin:0 0 var(--s3);font-size:19px;line-height:1.45}
.inq-privacy{margin:0 0 var(--s3)}.inq-privacy a{color:inherit;text-decoration:underline;display:inline-flex;align-items:center;min-height:var(--tap)}
/* 🔴 위에 붙은 머리띠(폰 57px · PC 73px) 밑으로 숨지 않게 — #q번호·「이 주문 문의」로 건너왔을 때 */
.inq,.inq-order{scroll-margin-top:88px}
.inq:focus{outline:2px solid var(--c-btn-point-bg);outline-offset:2px}
.inq-guest .inq-go{display:inline-flex;align-items:center;min-height:var(--tap);text-decoration:underline;color:inherit}
.inq-form .btn[aria-disabled="true"]{opacity:.6;cursor:progress}