.demo-shell{min-height:100vh}.demo-banner-wrap{max-width:780px;margin:0 auto;padding:24px 16px 0}@media (min-width:640px){.demo-banner-wrap{padding:40px 24px 0}}.demo-banner{border:1px solid var(--kilki-amber);background:var(--kilki-surface);border-radius:var(--kilki-radius-card);padding:16px 20px;color:var(--kilki-ink)}.demo-banner-title{font-family:var(--kilki-font-display);font-weight:700;font-size:15px}.demo-banner-body{margin-top:6px;font-size:14px;line-height:1.55;color:var(--kilki-ink-muted)}.demo-banner-link{display:inline-block;margin-top:12px;font-size:14px;font-weight:600;color:var(--kilki-coral-strong);text-decoration:none}.demo-banner-link:hover{text-decoration:underline}.demo-banner-link:focus-visible{outline:2px solid var(--kilki-coral);outline-offset:2px;border-radius:4px}@media print{.demo-banner-wrap{display:none!important}}