.contextual-modal{padding:0;width:min(1120px,calc(100vw - 48px));height:min(880px,calc(100dvh - 48px));max-width:none;max-height:none;border:1px solid #ccd5e2;background:#fff;color:#0c1729;box-shadow:0 24px 90px #0c172940;overflow:hidden}
.contextual-modal[open]{display:flex;flex-direction:column}
.contextual-modal::backdrop{background:#0c1729b8;backdrop-filter:blur(4px)}
.contextual-modal-head{display:flex;align-items:center;gap:18px;padding:20px 24px;border-bottom:1px solid #dce3ed;flex:none}
.contextual-modal-head h2{flex:1;min-width:0;margin:0;font-family:var(--sans, sans-serif);font-size:20px;line-height:1.4;font-weight:500;letter-spacing:-.025em}
.contextual-modal-head button{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:none;min-width:44px;min-height:44px;padding:10px 14px;border:1px solid #ccd5e2;background:#fff;color:#0c1729;font:500 13px/1.4 var(--sans,sans-serif);cursor:pointer}
.contextual-modal-head button:hover{background:#f1f5fa}
.contextual-modal-head button:focus-visible{outline:2px solid #365f97;outline-offset:3px}
.contextual-modal-head [hidden]{display:none}
.contextual-modal-frame{display:block;width:100%;flex:1;min-height:0;border:0;background:#fff}
html:has(.contextual-modal[open]){overflow:hidden;scrollbar-gutter:stable}
@media(max-width:600px){.contextual-modal{width:calc(100vw - 16px);height:calc(100dvh - 16px)}.contextual-modal-head{padding:12px;gap:10px}.contextual-modal-head h2{font-size:17px}.contextual-modal-head button{padding:9px}.contextual-modal-head .contextual-close-label{display:none}}