.demo-availability-note { margin-block-start: 1rem; line-height: 1.6; opacity: .85; }
.demo-availability-note small { font-size: .8rem; }
.demo-availability-result { margin: 2rem auto; padding: clamp(1.5rem, 4vw, 3rem); max-width: 56rem; border: 1px solid var(--demo-border, #cbd5e1); border-radius: var(--demo-radius, 1rem); background: var(--demo-surface, #f8fafc); color: var(--demo-text, #0f172a); box-shadow: var(--demo-shadow, none); }
.demo-availability-result h2 { margin: 0 0 1rem; font-size: clamp(1.75rem, 4vw, 2.5rem); line-height: 1.15; font-weight: 700; letter-spacing: -.025em; }
.demo-availability-result p { margin-block: 1rem; font-size: 1.1rem; line-height: 1.7; overflow-wrap: anywhere; }
.demo-availability-button { display: inline-flex; justify-content: center; align-items: center; margin-block-start: 1rem; padding: .9rem 1.4rem; border-radius: var(--demo-radius, 1rem); background: var(--demo-accent, #0f172a); color: var(--demo-on-accent, #fff); font-weight: 700; text-decoration: none; }
.demo-availability-button:focus-visible { outline: 3px solid currentColor; outline-offset: 4px; }
.demo-availability-result [hidden] { display: none !important; }
.demo-availability-closed #eksneks-demo-pending-banner,
.demo-availability-closed .eksneks-demo-warning-banner { display: none !important; }
@media (max-width: 480px) { .demo-availability-button { display: flex; width: 100%; } }