.wsp-dialog { box-sizing: border-box; width: min(520px, calc(100% - 32px)); max-height: 85vh; padding: 36px; border: 0; border-radius: 16px; background: #fff; color: #17232b; box-shadow: 0 24px 80px #0004; font-family: system-ui, sans-serif; text-align: left; }
.wsp-dialog::backdrop { background: rgb(12 24 32 / 65%); }
.wsp-dialog h2 { margin: 0 0 16px; color: #17232b; font: 700 28px/1.2 system-ui, sans-serif; }
.wsp-dialog p { margin: 0 0 24px; white-space: pre-wrap; overflow-wrap: anywhere; font: 400 17px/1.65 system-ui, sans-serif; }
.wsp-dialog button { padding: 12px 20px; max-width: 100%; white-space: normal; overflow-wrap: anywhere; border: 0; border-radius: 8px; background: #174e45; color: #fff; cursor: pointer; font: 600 16px/1.4 system-ui, sans-serif; }
.wsp-dialog button:hover { background: #103b34; }
.wsp-dialog button:focus-visible { outline: 3px solid #287db0; outline-offset: 4px; }
@media (max-width: 480px) { .wsp-dialog { padding: 24px; } }