#inquiry{width:min(860px,calc(100% - 48px));height:650px;max-height:calc(100dvh - 48px);padding:0;overflow:hidden}
#inquiry .inquiry-shell{display:grid;grid-template-columns:235px minmax(0,1fr);height:100%;min-height:0}
.inquiry-rail{background:var(--green);color:var(--cream);padding:34px 26px;display:flex;flex-direction:column}
#inquiry .rail-brand{color:#ccd5c9;margin:0 0 37px;font-size:9px}
.rail-title{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:39px;line-height:1.04;letter-spacing:-.015em;margin-bottom:16px}
.rail-description{color:#d1dbce;font-size:12px;line-height:1.8;margin-bottom:30px}
.step-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.step-list button{border:0;background:transparent;color:#d1dbce;display:flex;align-items:center;gap:12px;text-align:left;padding:7px 0;font-size:11px;line-height:1.5;width:100%;min-height:40px}
.step-number{border:1px solid #a2b7a8;width:26px;height:26px;display:grid;place-items:center;flex-shrink:0;font-size:10px}
.step-list button[aria-current=step]{color:#fff9ed;font-weight:600}
.step-list button[aria-current=step] .step-number{background:var(--cream);color:var(--green);border-color:var(--cream)}
.step-list button.is-complete .step-number{border-color:var(--cream);color:var(--cream)}
.step-list button:enabled:hover span:last-child{text-decoration:underline;text-underline-offset:4px}
.rail-person{margin-top:auto;padding-top:30px;display:flex;gap:11px;align-items:center}
.rail-person img{width:37px;height:43px;object-fit:cover;object-position:center 25%}
.rail-person b{display:block;font-size:10px;font-weight:500;margin-bottom:5px}
.rail-person span{display:block;color:#ccd5c9;font-size:8px;line-height:1.6}
.inquiry-main{display:flex;flex-direction:column;min-width:0;min-height:0}
.inquiry-topline{display:flex;align-items:center;justify-content:space-between;padding:17px 24px 4px 37px;flex-shrink:0}
.inquiry-topline p{font-size:10px;letter-spacing:.04em;color:var(--muted);margin:0}
#inquiry .close-button{position:static;width:40px;height:40px}
.inquiry-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1;padding:12px 37px 24px;scrollbar-gutter:stable}
#inquiry .inquiry-heading{margin:0 0 27px}
#inquiry h2{font-size:44px;line-height:1.02;margin:0 0 12px;max-width:400px}
.inquiry-heading p{font-size:12px;line-height:1.75;color:var(--muted);margin:0;max-width:390px}
#step-fields{display:grid;gap:24px}
.flow-field{border:0;min-width:0;padding:0;margin:0}
.field-label{display:block;font-size:12px;line-height:1.5;font-weight:600;margin:0 0 9px;padding:0}
.field-optional{font-weight:400;font-size:10px;color:var(--muted)}
.field-hint{font-size:11px;line-height:1.6;color:var(--muted);margin:-3px 0 10px}
.flow-field>input,.flow-field>textarea,#copy-text{display:block;width:100%;background:#fffcf6;color:var(--ink);border:1px solid #7d887a;border-radius:0;min-height:48px;padding:12px;font-size:14px;line-height:1.5}
.flow-field>textarea,#copy-text{resize:vertical;min-height:91px}
.flow-field input::placeholder,.flow-field textarea::placeholder{color:#606a60;opacity:1}
.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.choice-grid-stack{grid-template-columns:1fr}
.choice{position:relative;display:flex;align-items:center;min-height:49px;cursor:pointer}
.choice input{position:absolute;margin:0;left:13px;z-index:1;width:15px;height:15px;accent-color:var(--green)}
.choice-label{display:flex;align-items:center;width:100%;align-self:stretch;min-height:49px;background:#fffcf6;border:1px solid #a3ab9d;padding:11px 10px 11px 38px;font-size:11px;line-height:1.55}
.choice input:checked+.choice-label{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);background:#e5e8df}
.choice input:focus-visible{outline:0}
.choice input:focus-visible+.choice-label{outline:3px solid #c55a32;outline-offset:3px}
.flow-field>input[aria-invalid=true],.flow-field>textarea[aria-invalid=true],.choice input[aria-invalid=true]+.choice-label{border-color:#a12617}
.field-error{color:#a12617;font-size:11px;line-height:1.6;margin:7px 0 0}
.flow-error-summary{background:#f4dfd4;border-left:3px solid #a12617;color:#7e2118;font-size:11px;line-height:1.6;padding:10px 12px;margin:0 0 20px}
.inquiry-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding:19px 37px;background:var(--cream);flex-shrink:0}
.flow-back{border:0;background:transparent;color:var(--green);display:flex;align-items:center;gap:8px;padding:12px 0;min-height:45px;font-size:11px}
.flow-next,.flow-copy{margin-left:auto;display:flex;align-items:center;justify-content:space-between;gap:28px;background:var(--green);color:var(--cream);border:1px solid var(--green);min-height:49px;padding:13px 18px;font-size:11px;font-weight:600}
.flow-next:hover,.flow-copy:hover{background:var(--deep)}
.flow-back:hover,.review-edit:hover,.restart-inquiry:hover{text-decoration:underline;text-underline-offset:4px}
.review-section{border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:17px}
.review-section-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:8px}
.review-section h3{font-size:12px;margin:0;font-weight:600}
.review-edit{background:transparent;border:0;color:var(--green);font-size:11px;padding:8px 0 8px 12px;min-height:32px}
.review-section dl{display:grid;grid-template-columns:140px minmax(0,1fr);gap:10px 16px;margin:0}
.review-section dt{font-size:10px;line-height:1.7;color:var(--muted)}
.review-section dd{margin:0;font-size:12px;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap}
.restart-inquiry{border:0;background:transparent;padding:8px 0;color:var(--muted);font-size:11px;min-height:34px}
.copy-status{font-size:12px;color:var(--green);line-height:1.6;margin:15px 0 0}
.copy-status:empty{display:none}
#copy-fallback{margin-top:16px}
#copy-fallback label{display:block;font-size:12px;margin-bottom:9px}
#copy-text{font-size:12px;min-height:160px}
@media(max-width:650px){
  #inquiry{width:100%;height:100dvh;max-width:none;max-height:none;margin:0}
  #inquiry .inquiry-shell{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}
  .inquiry-rail{padding:15px 23px}
  #inquiry .rail-brand,.rail-title,.rail-description,.rail-person{display:none}
  .step-list{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:12px}
  .step-list button{gap:7px;font-size:9px;min-height:34px;padding:0}
  .step-number{width:22px;height:22px;font-size:9px}
  .inquiry-topline{padding:10px 15px 0 24px}
  .inquiry-scroll{padding:14px 24px 28px;scrollbar-gutter:auto}
  #inquiry h2{font-size:42px;max-width:320px}
  #inquiry .inquiry-heading{margin-bottom:28px}
  .inquiry-heading p{font-size:12px}
  .field-label{font-size:13px}
  .flow-field>input,.flow-field>textarea{font-size:16px}
  .choice-label{font-size:12px;min-height:55px}
  .inquiry-actions{padding:16px 24px max(16px,env(safe-area-inset-bottom));gap:13px}
  .flow-next,.flow-copy{font-size:12px;gap:18px}
  .flow-back{font-size:11px;gap:6px}
  .review-section dl{grid-template-columns:115px minmax(0,1fr);gap:9px 12px}
  .review-section dd{font-size:12px}
}
@media(max-width:350px){.inquiry-rail{padding:13px 16px}.step-list{gap:7px}.step-list button{gap:5px;font-size:8px}.inquiry-scroll{padding-left:20px;padding-right:20px}.inquiry-actions{padding-left:20px;padding-right:20px}.flow-next,.flow-copy{gap:12px;padding:12px}.choice-label{font-size:11px}}

