html.qdwpf-modal-open { overflow: hidden; }
dialog.qdwpf-dialog {
    border: 0;
    padding: 0;
    color: #17202b;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 18px 65px #0005;
    width: max-content;
    max-width: min(720px, calc(100vw - 32px));
    max-height: calc(100vh - 32px);
    max-height: calc(100dvh - 32px);
    overflow: hidden;
    z-index: 100000;
    font-family: system-ui, sans-serif;
}
dialog.qdwpf-dialog:not([open]) { display: none !important; }
dialog.qdwpf-dialog::backdrop { background: rgb(12 17 26 / .65); }
dialog.qdwpf-corner {
    position: fixed;
    inset: auto max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) auto;
    margin: 0;
    max-width: min(380px, calc(100vw - 32px));
}
.qdwpf-dialog .qdwpf-card {
    max-height: calc(100vh - 32px);
    max-height: calc(100dvh - 32px);
    overflow: auto;
    overscroll-behavior: contain;
}
.qdwpf-dialog .qdwpf-picture,
.qdwpf-dialog .qdwpf-banner { display: block; margin: 0; padding: 0; }
.qdwpf-dialog .qdwpf-picture img {
    display: block;
    margin: 0 auto;
    padding: 0;
    border: 0;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: calc(100vh - 36px);
    max-height: calc(100dvh - 36px);
    object-fit: contain;
}
.qdwpf-corner .qdwpf-picture img { max-height: 55vh; max-height: 55dvh; }
.qdwpf-dialog .qdwpf-copy {
    box-sizing: border-box;
    padding: 18px 56px 20px 20px;
    max-width: 540px;
    min-width: min(240px, calc(100vw - 32px));
    overflow-wrap: anywhere;
}
.qdwpf-dialog .qdwpf-copy h2 {
    color: inherit;
    font: 700 1.3rem/1.25 system-ui, sans-serif;
    margin: 0 0 8px;
}
.qdwpf-dialog .qdwpf-copy p {
    color: inherit;
    font: 400 1rem/1.45 system-ui, sans-serif;
    margin: 0 0 12px;
    white-space: pre-line;
}
.qdwpf-dialog a.qdwpf-cta {
    display: inline-block;
    padding: 10px 16px;
    color: #fff;
    background: #174581;
    border-radius: 7px;
    font: 650 1rem/1.3 system-ui, sans-serif;
    text-decoration: none;
}
.qdwpf-dialog button.qdwpf-close {
    position: absolute;
    z-index: 1;
    inset: 8px 8px auto auto;
    display: grid;
    place-items: center;
    box-sizing: border-box;
    width: 44px;
    height: 44px;
    min-width: 0;
    min-height: 0;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 50%;
    box-shadow: none;
    background: #182131;
    color: #fff;
    font: 400 27px/1 system-ui, sans-serif;
    cursor: pointer;
    text-transform: none;
}
.qdwpf-dialog button.qdwpf-close:focus-visible,
.qdwpf-dialog a.qdwpf-cta:focus-visible { outline: 3px solid #f8b83e; outline-offset: 2px; }
.qdwpf-dialog a.qdwpf-banner:focus-visible { outline: 3px solid #f8b83e; outline-offset: -4px; }