#contact-dialog{width:min(880px,calc(100% - 32px));max-width:880px;max-height:90dvh;overflow:auto}
#contact-dialog h2{font-size:clamp(24px,4vw,36px);line-height:1.5;padding-right:24px}
#contact-form{display:grid;gap:22px}
#contact-form .contact-field{display:grid;gap:8px}
#contact-form label{font-size:16px;line-height:1.7;display:flex;gap:12px;align-items:center}
#contact-form label>span{font-size:12px}
#contact-form :is(input:not([type=checkbox]),select,textarea){box-sizing:border-box;width:100%;min-height:48px;font:inherit;font-size:16px;color:#f3f0e8;background:#1a1c18;border:1px solid #696d60;border-radius:2px;padding:12px}
#contact-form :is(input,select,textarea):focus-visible{outline:2px solid #c7ff3d;outline-offset:3px}
#contact-form [aria-invalid=true]{border-color:#efa89a}
#contact-form .field-error{font-size:13px;color:#efa89a;line-height:1.6}
#contact-form .field-error:empty{display:none}
#contact-form .privacy-consent{align-items:flex-start;min-height:44px}
#contact-form .privacy-consent input{width:20px;height:20px;flex:0 0 20px;margin-top:4px;accent-color:#c7ff3d}
#contact-form .privacy-consent>span{font-size:14px;line-height:1.8}
#contact-form .privacy-consent small{font-size:12px;margin-left:8px}
#contact-form a{text-decoration:underline;text-underline-offset:4px}
#contact-status{font-size:14px;white-space:pre-line;line-height:1.8}
#contact-form button:disabled{opacity:.5;cursor:not-allowed}
#contact-dialog .form-line{border-top:1px solid #696d60;margin-top:30px;padding-top:24px;font-size:14px;line-height:1.8}
#contact-dialog .form-line a{display:inline-flex;align-items:center;min-height:48px;gap:10px}

#contact-dialog [hidden]{display:none!important}
#contact-review,#contact-complete{padding:0;margin:0}
.contact-review-list{margin:28px 0;border-top:1px solid #696d60}
.contact-review-list>div{display:grid;grid-template-columns:170px minmax(0,1fr);gap:20px;border-bottom:1px solid #696d6066;padding:20px 0}
.contact-review-list dt{font-size:13px;color:#bfc4b7;line-height:1.8}
.contact-review-list dd{margin:0;font-size:16px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;color:#f3f0e8}
.contact-review-buttons{display:flex;gap:14px;flex-wrap:wrap}
.contact-review-buttons .button{min-height:52px;flex:1;padding:14px;font-size:14px}
#contact-edit{background:transparent;color:#f3f0e8;border:1px solid #696d60}
#contact-review button:disabled{opacity:.5;cursor:wait}
#contact-review-status{white-space:pre-line;color:#efa89a;font-size:14px;line-height:1.8}
@media(max-width:600px){.contact-review-list>div{grid-template-columns:1fr;gap:6px}.contact-review-buttons{flex-direction:column}.contact-review-buttons .button{width:100%}}

#contact-dialog .form-line{margin:24px 0 30px;padding:18px 0;border-top:1px solid #696d6066;border-bottom:1px solid #696d6066}
#contact-dialog .form-line p{margin:0 0 8px}