.folio-demo-modal-open{overflow:hidden}
.folio-demo-dialog{width:min(36rem,calc(100% - 2rem));max-height:calc(100dvh - 2rem);border:1px solid var(--folio-line);border-radius:var(--folio-radius);padding:0;background:var(--folio-paper);color:var(--folio-ink);box-shadow:0 16px 48px #0003}
.folio-demo-dialog::backdrop{background:#0007}
.folio-demo-dialog>section,.folio-demo-dialog>article{padding:2rem;position:relative}
.folio-demo-dialog h2{font-size:1.5rem;line-height:1.4;font-weight:700;margin:0 2rem 1rem 0}
.folio-demo-dialog p{font-size:14px;line-height:1.8;margin:1rem 0;color:var(--folio-muted)}
.folio-demo-close{position:absolute;right:.75rem;top:.5rem;width:2rem;height:2rem;font-size:1.5rem;color:var(--folio-muted)}
.folio-demo-notice{padding:.75rem 1rem;background:#e6f4ff;border-radius:8px;color:var(--folio-blue)!important}
.folio-demo-dialog label{display:block;margin:1rem 0 .5rem;font-size:14px;font-weight:600}
.folio-demo-dialog input{width:100%;height:44px;padding:0 .75rem;border:1px solid var(--folio-line);border-radius:8px;font:inherit;color:var(--folio-ink);background:var(--folio-paper)}
.folio-demo-actions{display:flex;gap:.75rem;margin-top:1.25rem}
.folio-demo-actions button{padding:.75rem 1.25rem;border:1px solid var(--folio-blue);border-radius:8px;color:var(--folio-blue);font-weight:600}
.folio-demo-actions [data-demo-submit]{background:var(--folio-blue);color:var(--folio-paper)}
.folio-demo-status:empty{display:none}
.folio-demo-status{color:var(--folio-blue)!important}
.folio-demo-legal{width:min(48rem,calc(100% - 2rem))}
.folio-demo-date{font-size:12px!important}
.folio-demo-footer{border-top:1px solid var(--folio-line);padding:1.5rem 1rem;text-align:center;color:var(--folio-hint);font-size:12px;line-height:1.8}
.folio-demo-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.25rem}
.folio-demo-footer a{color:inherit}
.folio-demo-footer a:hover{color:var(--folio-blue)}
@media(max-width:480px){.folio-demo-dialog>section,.folio-demo-dialog>article{padding:1.5rem}.folio-demo-actions{flex-wrap:wrap}.folio-demo-actions button{flex:1 1 auto}}