/* Cabinet quiz: builds on gm-bath/estimator.css (the .gmb design system), single column. */
.gmq .gmq-shell{grid-template-columns:1fr;max-width:1080px;margin:0 auto}
.gmq .gmb-main{padding:34px 40px 30px}
.gmq-nav{justify-content:flex-start}
.gmq-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.gmq .gmq-choice,.gmq .gmq-choice:hover,.gmq .gmq-choice:focus{display:flex;align-items:center;gap:16px;width:100%;min-height:74px;padding:18px 20px;border-radius:14px;border:1px solid var(--line2);background:var(--card);color:#fff;text-align:left;white-space:normal;transition:border-color .15s,transform .15s,background .15s}
.gmq .gmq-choice:hover{border-color:#3A4D54;transform:translateY(-1px)}
.gmq .gmq-choice[aria-checked="true"]{border-color:var(--teal);background:linear-gradient(0deg,var(--teal-soft),var(--teal-soft)),var(--card)}
.gmq-radio{flex:none;width:20px;height:20px;border-radius:50%;border:1.5px solid #4B5E64;position:relative;transition:border-color .15s}
.gmq-choice[aria-checked="true"] .gmq-radio{border-color:var(--teal)}
.gmq-choice[aria-checked="true"] .gmq-radio:after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--teal)}
.gmq-ctext{display:flex;flex-direction:column;gap:3px}
.gmq-cname{font-size:15.5px;font-weight:500;color:#fff}
.gmq-cline{font-size:13px;color:var(--muted)}

/* Result: the door large on the left, the why on the right */
.gmq-result{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px;align-items:center}
.gmq-door{border-radius:18px;overflow:hidden;background:#ECE8E2}
.gmq-doorimg{display:block;aspect-ratio:3/4;background:#ECE8E2 center/cover no-repeat}
.gmq-name{margin:4px 0 0;font-size:38px;line-height:1.1;font-weight:600;letter-spacing:-.6px;color:#fff}
.gmq-tier{margin:8px 0 0;font-size:13px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted)}
.gmq-why{margin:18px 0 0;font-size:16px;line-height:1.6;color:#D7E0E2}
.gmq-note{margin:14px 0 0;padding:14px 16px;border-left:2px solid var(--teal);background:var(--teal-soft);border-radius:0 10px 10px 0;font-size:14px;line-height:1.55;color:#E7EEF0}
.gmq-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.gmq-answers{margin-top:22px}
@media (max-width:900px){
  .gmq .gmb-main{padding:24px 18px 22px}
  .gmq-list{grid-template-columns:1fr}
  .gmq-result{grid-template-columns:1fr;gap:22px}
  .gmq-door{max-width:320px;margin:0 auto;width:100%}
  .gmq-name{font-size:30px}
  .gmq .gmb-nav{display:flex}
}