.demo-notice{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 24px;padding:16px 20px;border:1px solid #d5b66c;border-radius:10px;background:#fff5db;color:#583f0a;font-size:.9rem;line-height:1.5}
.demo-notice strong{flex-shrink:0}
/* Keep the public header, notice and hero in flow when the demo notice is present. */
.site-home:has(.main>.demo-notice) .site-header{position:sticky;top:0;background:#191122}
.site-home .main>.demo-notice{position:relative;z-index:1;max-width:none;width:100%;box-sizing:border-box;margin:0;padding:14px max(24px,calc((100% - 1280px)/2));border-radius:0;border-width:0 0 1px;overflow-wrap:anywhere}
@media(max-width:720px){.site-home .main>.demo-notice{padding:12px 16px}}
body.site-theme button.demo-disabled{opacity:.65;cursor:not-allowed;box-shadow:none}
@media print{.demo-notice{display:block!important}}