/* Shared presentation for site-owned dialogs; preserve each form's width and scrolling layout. */
html body dialog:not(:where(#clerk-access *)){
 position:fixed!important;
 inset:0!important;
 margin:auto!important;
 height:fit-content!important;
 max-width:calc(100vw - 32px)!important;
 max-height:calc(100vh - 32px)!important;
 max-height:calc(100dvh - 32px)!important;
 border-radius:22px!important;
 box-shadow:0 28px 90px rgba(16,24,28,.38)!important;
 box-sizing:border-box;
 overscroll-behavior:contain;
}
html body dialog:not(:where(#clerk-access *))::backdrop{
 background:rgba(16,24,28,.66)!important;
 backdrop-filter:blur(3px);
 -webkit-backdrop-filter:blur(3px);
}
html body dialog:not(:where(#clerk-access *))[open]{animation:oal-dialog-enter .16s ease-out}
@keyframes oal-dialog-enter{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:540px){html body dialog:not(:where(#clerk-access *)){max-width:calc(100vw - 20px)!important;max-height:calc(100vh - 20px)!important;max-height:calc(100dvh - 20px)!important;border-radius:18px!important}}
@media(prefers-reduced-motion:reduce){html body dialog:not(:where(#clerk-access *))[open]{animation:none}}
@media print{html body dialog:not(:where(#clerk-access *)){box-shadow:none!important;animation:none}}

/* Keep the Other Travel form a centered, bounded card rather than a full-page sheet. */
html body dialog#inquiry-dialog{
 width:760px!important;
 max-width:calc(100vw - 48px)!important;
 max-height:min(84vh,900px)!important;
 max-height:min(84dvh,900px)!important;
 padding:24px;
 overflow-y:auto;
}
dialog#inquiry-dialog .inquiry-top h2{font-size:2rem}
dialog#inquiry-dialog .inquiry-intro{font-size:.9rem;margin-bottom:18px}
dialog#inquiry-dialog .inquiry-grid{gap:14px}
@media(max-width:600px){html body dialog#inquiry-dialog{width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important;max-height:80vh!important;max-height:80dvh!important;padding:20px}dialog#inquiry-dialog .inquiry-top h2{font-size:1.65rem}}