/* Keep the contact action visible while the details scroll. */
#contactDialog[open]{display:grid;grid-template-rows:minmax(0,1fr) auto;position:fixed;inset:12px 14px auto;width:min(540px,calc(100% - 28px));box-sizing:border-box;height:min(820px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);margin:0 auto;padding:0;overflow:hidden;}
#contactDialog .contact-scroll{min-height:0;min-width:0;height:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:24px 22px 16px;}
#contactDialog h2{padding-right:30px;}
#contactDialog .contact-actions{flex:0 0 auto;position:relative;z-index:1;background:#fff;border-top:1px solid #cad8e2;padding:12px 22px max(14px,env(safe-area-inset-bottom));box-shadow:0 -5px 16px #102e4310;}
#contactDialog #contactSubmit{display:block;width:100%;min-height:50px;margin:0 auto;text-align:center;background:#0c527e;color:#fff;border:0;border-radius:10px;padding:12px 16px;font:700 16px/1.4 system-ui;cursor:pointer;}
#contactDialog #contactSubmit:disabled{opacity:.65;cursor:wait;}
#contactDialog #contactStatus{margin:0 0 8px;font:14px/1.4 system-ui;color:#9d4417;overflow-wrap:anywhere;}
#contactDialog #contactStatus:empty{display:none;}
#contactDialog #contactForget[hidden],#contactDialog #contactClose[hidden]{display:none;}
#contactDialog .dialog-dismiss{z-index:2;}
#contactDialog .contact-instruction{font-size:14px;line-height:1.45;color:#4e687a;margin:6px 0 14px;}
#contactDialog input{scroll-margin-block:16px;}
@media(max-width:380px){#contactDialog .contact-scroll{padding:18px 16px 12px}#contactDialog .contact-actions{padding-left:16px;padding-right:16px}}