.appointment-modal{width:min(760px,calc(100% - 24px));max-width:none;height:min(860px,calc(100dvh - 24px));max-height:none;padding:0;border:1px solid #c5cdd1;border-radius:6px;background:#fff;color:#17313e;box-shadow:0 18px 60px #0005}
.appointment-modal::backdrop{background:#10212dbb}
.appointment-modal-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid #dce2e5;background:#f3f6f7;font:600 16px Arial,sans-serif}
.appointment-modal-close{padding:8px 12px!important;border:0;border-radius:3px!important;background:#203d4c!important;color:#fff!important;font:600 15px Arial,sans-serif!important;cursor:pointer}
.appointment-modal iframe{display:block;width:100%;height:calc(100% - 58px);border:0;background:white}
html.appointment-open{overflow:hidden}
.appointment-page{margin:0;background:#fff;color:#20313b;font:16px/1.5 Arial,Helvetica,sans-serif}
.appointment-page main{max-width:690px;margin:auto;padding:22px;box-sizing:border-box}
.appointment-page h1{font-size:26px;line-height:1.2;margin:0 0 14px}
.appointment-page h2{font-size:22px}
.appointment-page a{color:#174c66}
.appointment-page form{display:grid;gap:9px;margin-top:24px}
.appointment-page label{font-weight:600;margin-top:6px}
.appointment-page input,.appointment-page textarea,.appointment-page select{width:100%;box-sizing:border-box;padding:11px;border:1px solid #899ba5;border-radius:4px;font:inherit;color:#20313b;background:white;min-width:0}
.appointment-page textarea{min-height:95px;resize:vertical}
.appointment-page button[type=submit]{border:0;border-radius:4px;padding:13px;background:#203d4c;color:white;font:600 17px Arial,sans-serif;cursor:pointer}
.appointment-page button:disabled{opacity:.6;cursor:wait}
.appointment-page .error{padding:12px;border:1px solid #a62727;background:#fff3f3;color:#8a1c1c}
.appointment-success{padding:14px;background:#eff8f1;border:1px solid #497956}
.appointment-page :focus-visible,.appointment-modal :focus-visible{outline:3px solid #bd6b36;outline-offset:3px}
@media(max-width:420px){.appointment-page main{padding:14px 10px}.appointment-page h1{font-size:23px}.appointment-modal{width:calc(100% - 8px);height:calc(100dvh - 8px)}}