/* Consultation intake, using the site's existing type and colour system. */
#contact-dialog{width:760px;padding:30px 36px 22px;overflow-y:auto;overscroll-behavior:contain;background:radial-gradient(ellipse at 0 0,#12344955,transparent 60%),#0b1822;border-radius:20px}
#contact-dialog [hidden]{display:none!important}
#contact-dialog .dialog-top{gap:16px}
#contact-dialog .eyebrow{font-size:12px}
#contact-dialog #contact-title{font-size:27px;line-height:1.6;margin:22px 0 10px;outline:none}
html[lang=en] #contact-dialog #contact-title{font-size:42px;line-height:1.08}
#contact-dialog #survey-hint{font-size:15px;line-height:1.8;color:#b9cbd7;margin:0 0 20px}
.survey-progress-row{display:flex;align-items:center;gap:18px;margin-top:22px}
#survey-progress-label{font-size:11px;color:#99b5c8;white-space:nowrap}
#survey-progress{appearance:none;flex:1;width:100%;height:3px;border:0;border-radius:4px;overflow:hidden;background:#29404f}
#survey-progress::-webkit-progress-bar{background:#29404f}#survey-progress::-webkit-progress-value{background:var(--blue)}#survey-progress::-moz-progress-bar{background:var(--blue)}
#contact-dialog form{margin:0}
.survey-choices{display:grid;gap:9px}
#contact-dialog .survey-choice{position:relative;display:flex;flex-direction:row;align-items:center;gap:13px;min-height:56px;margin:0;padding:13px 16px;border:1px solid #355064;border-radius:10px;background:#0b1d2a;cursor:pointer;transition:background .15s,border-color .15s;line-height:1.65;font-size:15px}
#contact-dialog .survey-choice:hover{border-color:#65a9d2;background:#102b3e}
#contact-dialog .survey-choice:has(input:checked){background:#073a56;border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}
#contact-dialog .survey-choice:has(input:focus-visible){outline:2px solid #d1efff;outline-offset:3px}
#contact-dialog .survey-choice input{appearance:auto;accent-color:var(--blue);width:19px;height:19px;min-width:19px;margin:0;padding:0;flex-shrink:0;cursor:pointer}
.survey-selected{font-size:11px;color:#88b8d4;margin:9px 2px 0;min-height:20px}
.survey-actions{position:sticky;bottom:-22px;display:flex;justify-content:space-between;gap:15px;padding:18px 0 10px;margin-top:10px;background:linear-gradient(0deg,#0b1822 82%,#0b1822ed);border-top:1px solid #29404f;z-index:2}
#contact-dialog .survey-actions .button{font-size:14px;min-height:48px;border-radius:7px;padding:11px 24px;margin-inline-start:auto}
#contact-dialog .survey-back,#contact-dialog .survey-link,#contact-dialog .survey-edit{border:0;background:none;color:#acc7d9;cursor:pointer;font-size:13px;padding:10px 4px;line-height:1.6}
#contact-dialog .survey-back{min-width:55px}
#contact-dialog .survey-link{display:block;margin:6px auto 0;font-size:11px}
#contact-dialog button:disabled{opacity:.55;cursor:wait}
#contact-dialog button:focus-visible,#contact-dialog summary:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
#contact-dialog .survey-error{color:#ffc3b8;font-size:13px;margin:8px 0;line-height:1.8}
#contact-dialog .survey-error:empty,#contact-dialog #form-status:empty{display:none}
.survey-contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#contact-dialog .survey-contact-label{display:flex;flex-direction:column;gap:7px;font-size:13px;margin:0}
#contact-dialog .survey-contact-label input{background:#0b1d2a;border-color:#355064;min-height:50px;font-size:16px}
.survey-review{margin-top:22px;border-top:1px solid #29404f;border-bottom:1px solid #29404f;padding:14px 0;font-size:14px}
.survey-review summary{cursor:pointer;color:#91d3f9;padding:4px 0}
.survey-answer{position:relative;border-top:1px solid #243e50;padding:14px 0;margin-top:12px}
.survey-answer-title{margin:0 0 7px;color:#dceaf3;font-size:13px}
.survey-answer ul{font-size:12px;color:#a8bfce;line-height:1.9;margin:0;padding-inline-start:18px}
#contact-dialog .survey-edit{color:#71cafa;font-size:12px}
.survey-privacy{font-size:12px;line-height:1.8;color:#9eb4c4;margin:17px 0 0}
.survey-success-mark{display:grid;place-items:center;color:#55c2ff;border:1px solid #297097;background:#0a3249;border-radius:50%;width:68px;height:68px;font-family:Arial;font-size:34px;margin:25px 0}
.survey-reference{color:#9eb4c4;font-size:12px;overflow-wrap:anywhere;margin-bottom:25px}
.survey-reset-confirm{background:#122c3d;border:1px solid #315c76;border-radius:10px;padding:12px 16px;margin-top:16px;font-size:13px}
.survey-reset-confirm button+button{margin-inline-start:20px}
#contact-dialog .survey-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);pointer-events:none}
@media(max-width:580px){
 #contact-dialog{padding:20px 19px 17px;width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:16px}
 #contact-dialog #contact-title{font-size:22px;line-height:1.65;margin-top:20px}
 html[lang=en] #contact-dialog #contact-title{font-size:34px}
 #contact-dialog #survey-hint{font-size:13px;margin-bottom:16px}
 #contact-dialog .survey-choice{font-size:14px;padding:11px 12px;gap:11px;min-height:56px}
 .survey-contact-fields{grid-template-columns:1fr;gap:14px}
 .survey-actions{bottom:-17px;padding-top:14px}
 #contact-dialog .survey-actions .button{padding:11px 16px;font-size:13px}
 #contact-dialog .eyebrow{font-size:10px}
 .survey-progress-row{margin-top:18px;gap:12px}
}
@media(prefers-reduced-motion:reduce){#contact-dialog .survey-choice{transition:none}}