/* Fictional demo actions: Web con Sabor's cream, navy and yellow. */
.wcs-demo-action-dialog { box-sizing:border-box; width:calc(100% - 2rem); max-width:29rem; border:1px solid #c6cbd0; border-top:4px solid #ffd447; border-radius:1rem; padding:1.75rem; color:#0c2034; background:#fcf8f1; box-shadow:0 18px 65px #0c203433; font:1rem/1.55 "Inter",system-ui,sans-serif; }
.wcs-demo-action-dialog::backdrop { background:#0c203477; }
.wcs-demo-action-dialog .wcs-demo-action-brand { margin:0 0 .5rem; font-size:.82rem; font-weight:700; letter-spacing:.04em; }
.wcs-demo-action-dialog h2 { margin:0 0 .75rem; font:700 1.7rem/1.2 "Noto Serif",Georgia,serif; color:#0c2034; }
.wcs-demo-action-dialog p { margin:0 0 1.25rem; }
.wcs-demo-action-dialog button { appearance:none; border:1px solid #d3a719; border-radius:2rem; background:#ffd447; color:#0c2034; padding:.7rem 1.25rem; font:600 1rem/1.3 "Inter",system-ui,sans-serif; cursor:pointer; min-height:44px; }
.wcs-demo-action-dialog button:focus-visible { outline:3px solid #0c2034; outline-offset:3px; }

.wcs-demo-action-dialog h2{text-transform:none;letter-spacing:normal}