.sample-demo-dialog{border:0;border-radius:4px;padding:0;max-width:min(92vw,460px);background:#fcfaf6;color:#273a3c;box-shadow:0 30px 90px #0005;font:400 15px/1.8 system-ui,sans-serif}
.sample-demo-dialog::backdrop{background:rgba(16,23,27,.62)}
.sample-demo-inner{padding:clamp(26px,6vw,42px)}
.sample-demo-kicker{font-size:11px;letter-spacing:.19em;font-weight:700;opacity:.62;margin:0 0 12px}
.sample-demo-inner h2{font-size:clamp(21px,5vw,27px);line-height:1.4;margin:0 0 16px;color:inherit}
.sample-demo-inner p:not(.sample-demo-kicker){margin:0 0 26px}
.sample-demo-close{min-height:44px;padding:11px 22px;border:0;border-radius:2px;background:#26474e;color:white;font:600 14px system-ui,sans-serif;cursor:pointer}
.sample-demo-close:focus-visible{outline:3px solid #b76748;outline-offset:3px}
.sample-demo-notice{position:relative;z-index:1;margin:0;padding:20px 18px;background:#1d292c;color:#f3f0e9;text-align:center;font:400 12px/1.8 system-ui,sans-serif}
.sample-demo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.sample-demo-home{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 18px;background:#26474e;color:#fff;font:600 14px/1.4 system-ui,sans-serif;text-decoration:none}
.sample-demo-home:hover{background:#17363d;color:#fff}
.sample-demo-actions .sample-demo-close{background:transparent;color:#26474e;border:1px solid #26474e}
.sample-demo-home:focus-visible,.sample-demo-notice a:focus-visible{outline:3px solid #b76748;outline-offset:3px}
.sample-demo-notice a{display:inline-block;margin-left:.4em;color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}