body.fbp-sample-open{overflow:hidden}
dialog.fbp-sample-modal{width:min(820px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #dce0e5;border-radius:14px;background:#fff;color:#24364a;box-shadow:0 24px 80px #0006;box-sizing:border-box}
dialog.fbp-sample-modal[open]{display:flex;flex-direction:column}
dialog.fbp-sample-modal::backdrop{background:#0009}
dialog.fbp-sample-modal>header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 24px;border-bottom:1px solid #ddd}
dialog.fbp-sample-modal h2{margin:6px 0 0;font:700 24px/1.3 Georgia,serif;color:#24364a!important}
dialog.fbp-sample-modal small{font:600 12px/1.5 Arial,sans-serif;color:#66717b}
dialog.fbp-sample-modal [data-sample-close]{flex:0 0 44px;width:44px;height:44px;padding:0!important;font:28px/1 Arial!important;border:1px solid #ddd;background:#fff!important;color:#24364a!important;border-radius:50%;cursor:pointer}
.fbp-sample-modal-body{overflow:auto;min-height:0;padding:24px 32px;font:18px/1.8 Georgia,serif;color:#24364a}
.fbp-sample-modal-body img{max-width:100%;height:auto}
dialog.fbp-sample-modal>footer{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;padding:16px 24px;border-top:1px solid #ddd;background:#f6f7f8}
dialog.fbp-sample-modal>footer :is(button,a){padding:12px 18px!important;border-radius:7px;font:600 14px/1.4 Arial,sans-serif!important;background:var(--fbp-brand,#8c2330)!important;color:#fff!important;border:0;text-decoration:none;cursor:pointer}
dialog.fbp-sample-modal [hidden]{display:none!important}
@media(max-width:600px){.fbp-sample-modal-body{padding:20px;font-size:16px}dialog.fbp-sample-modal>footer :is(button,a){width:100%;text-align:center;box-sizing:border-box}}