/* FB6 설문 레이아웃 시안(2026-10-16) — 약도 자리(크게) · 새 질문(상황·역·학교) */
.qz-main{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:12px}
.qz-map{height:280px}
.qz-main .qz-body{padding-top:0}
.qz-gh2{margin:16px 0 0;font-size:13.5px;font-weight:800;color:var(--navy)}
.qz-gh2:first-of-type{margin-top:12px}
.qz-gh2+.qz-opts{margin-top:8px}
/* 8번 상황 1단 4칸(2×2 · 넓으면 4×1) + 2단 가구 칩 */
.qz-sit{grid-template-columns:repeat(2,minmax(0,1fr))}
.qz-hhw{margin-top:14px}
.qz-hhw[hidden]{display:none}
.qz-hh{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.qz-hh .qz-opt.qz-hc{flex-direction:row;align-items:center;min-height:36px;padding:7px 14px;border-radius:999px;width:auto}
.qz-hc .qo-m{font-size:13.5px;padding:0}
.qz-hc>.ic,.qz-hc .qo-n{display:none!important}
.qz-hc[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-bg)}
.calc-hh{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.hh-chip{appearance:none;border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 12px;font:inherit;font-size:12.5px;font-weight:700;color:var(--navy);cursor:pointer}
.hh-chip[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-bg);color:var(--accent-d)}
.qz-sit .qz-opt{min-height:48px}
.qz-stn .qz-opt,.qz-sch .qz-opt{min-height:56px}
@media(max-width:360px){.qz-stn .qo-m,.qz-sch .qo-m{font-size:13px}.qz-stn .qz-opt,.qz-sch .qz-opt{padding:8px 8px}}
/* 직장 칸별 통근 시간 */
.qz-slot .qz-lim{margin-top:12px}
.qz-slot+.qz-chk{margin-top:4px}
.qz-slot[data-slot="1"]{margin-top:6px;padding-top:12px;border-top:1px solid var(--line2)}
/* 3번 한도 계산 — 본인 상황은 1번 답을 읽기만(고르기 칸 없음) */
.qz-mode-ro{margin:12px 0 0;font-size:13.5px;font-weight:600;color:var(--ink2)}
.qz-mode-ro b{margin-left:4px;color:var(--navy);font-weight:800}
.qz-mode-ro .btn-text{margin-left:8px;font-size:12.5px}
/* 휴대폰 표지 = 상황 7칸 */
.qzc-tiles.qzc-sit{grid-template-columns:repeat(2,minmax(0,1fr))}
.qzc-sit .qzc-tile{min-height:46px;padding:8px 12px}
/* 데스크톱 입구 카드: 왼쪽 약도(크게, 붙어 따라옴) · 오른쪽 질문 */
@media(min-width:1100px){
  .entry{width:min(1200px,calc(100% - 48px))}
  #qz-host .qz-main{grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:28px;align-items:start}
  #qz-host .qz-map{width:100%;height:auto;aspect-ratio:560/430;position:sticky;top:84px}
  #qz-host .qz-sit{grid-template-columns:repeat(4,minmax(0,1fr))}
}
/* 시트·대화상자(휴대폰 전체 화면 · 결과에서 다시 연 설문): 위 약도 고정, 아래 질문만 스크롤 */
.qzs-host .qz-main{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;margin-top:8px}
.qzs-host .qz-map{flex-shrink:0;height:240px}
@media(max-width:768px){
  .qzs-host .qz-map{height:clamp(220px,37vh,320px);margin:0 12px;border-radius:12px}
  .qzs-host .qz-main{margin-top:4px;gap:6px}
}
.qz-hnote{margin:10px 0 0;font-size:12.5px;line-height:1.5;font-weight:600;color:var(--ink3)}
.qz-hnote[hidden]{display:none}
/* 결과에서 다시 연 설문(데스크톱 대화상자) — 넓으면 왼쪽 약도·오른쪽 질문 */
@media(min-width:1000px){
  .qzs-in{width:min(1160px,calc(100vw - 48px));height:min(720px,92vh)}
  .qzs-host .qz-main{flex-direction:row;gap:24px;margin-top:12px}
  .qzs-host .qz-map{width:520px;height:auto;align-self:stretch;margin-bottom:12px}
  .qzs-host .qz-body{flex:1}
}
@media(min-width:769px) and (max-width:999px){.qzs-host .qz-map{height:300px}}
/* 9번 희망 노선 — 인기 노선 6개 + 접기, 하나만 */
.qz-lnw{margin-top:12px}
.qz-gh3{margin:0;font-size:13px;font-weight:800;color:var(--navy)}
.qz-gh3 span{margin-left:6px;font-size:12px;font-weight:600;color:var(--ink3)}
.qz-lnh{margin:6px 0 0;font-size:12.5px;font-weight:600;color:var(--ink4)}
.qz-lnh[hidden],.qz-ln[hidden],.qz-lnmore[hidden]{display:none}
.qz-ln{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.qz-ln .qz-opt.qz-lc{flex-direction:row;align-items:center;gap:6px;min-height:34px;padding:6px 11px 6px 9px;border-radius:999px;width:auto}
.qz-ln .qz-opt.qz-lc[hidden]{display:none}
.qz-lc .lc-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(15,23,42,.08)}
.qz-lc .qo-m{font-size:13px;padding:0}
.qz-lc .qo-n{font-size:11.5px}
.qz-lc>.ic{display:none!important}
.qz-lc[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-bg)}
.qz-lnmore{margin-top:6px;font-size:12.5px}
#calc-hh-l{margin:0 0 2px;font-size:13px;font-weight:700;color:var(--ink2);line-height:1.4}
#calc-hh-l .lbl-sub{margin-left:4px;font-size:12px;font-weight:600;color:var(--ink4)}
.qz-hhnote{margin:8px 0 0;font-size:12px;line-height:1.5;font-weight:600;color:var(--ink4)}
.qz-hhnote[hidden]{display:none}

/* 필수 조건 7칸(사장님 10-16 '500세대 이상' 추가) — 줄에 혼자 남는 마지막 칸은 줄 전체 폭(빈칸 없게) */
#qz-q-6 .qz-opts.qz-terms .qz-opt:last-child:nth-child(3n+1){grid-column:1/-1}
.qzs-host #qz-q-6 .qz-opts.qz-terms .qz-opt:last-child:nth-child(3n+1){grid-column:auto}
.qzs-host #qz-q-6 .qz-opts.qz-terms .qz-opt:last-child:nth-child(2n+1){grid-column:1/-1}

/* 배정초 5칸(10-16 준초품아까지 추가) — 윗줄 2칸 · 아랫줄 3칸(빈칸 없게) */
.qz-opts.qz-sch{grid-template-columns:repeat(6,minmax(0,1fr))}
.qz-opts.qz-sch .qz-opt{grid-column:span 2}
.qz-opts.qz-sch .qz-opt:nth-child(-n+2){grid-column:span 3}   /* 윗줄 = 초품아·준초품아까지(설명 두 줄) · 아랫줄 = 도보 300m·500m·상관없음 */
.qz-opts.qz-sch .qz-opt .qo-m{white-space:nowrap}