/* Board demo banner. Navy bar with cream text (never white on orange). Fixed to the bottom of every page. */
:root{--kik-demo-h:0px}
html{scroll-padding-bottom:var(--kik-demo-h)}
body{padding-bottom:var(--kik-demo-h)}
.savebar{bottom:var(--kik-demo-h)}
.kik-demo{position:fixed;left:0;right:0;bottom:0;z-index:2147483000;background:#202d52;color:#fbf6ee;font:14px/1.4 Figtree,system-ui,"Helvetica Neue",Arial,sans-serif;border-top:3px solid #f37521;box-shadow:0 -4px 16px rgba(32,45,82,.25)}
.kik-demo-inner{max-width:1212px;margin:0 auto;padding:8px max(16px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px}
.kik-demo-msg{margin:0;flex:1 1 320px;font-size:14px}
.kik-demo-msg strong{letter-spacing:.04em;text-transform:uppercase;font-size:12px}
.kik-demo-actions{display:flex;align-items:center;gap:8px}
.kik-demo-guide summary,.kik-demo-reset{font:600 13px/1 Figtree,system-ui,"Helvetica Neue",Arial,sans-serif;color:#fbf6ee;background:transparent;border:1px solid #fbf6ee;border-radius:6px;padding:8px 12px;cursor:pointer;list-style:none;min-height:44px;transition:background-color .18s cubic-bezier(.16,1,.3,1),color .18s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center}
.kik-demo-guide summary::-webkit-details-marker{display:none}
.kik-demo-guide summary::after{content:"";width:6px;height:6px;margin-left:8px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateY(2px) rotate(-135deg)}
.kik-demo-guide summary::after{transition:transform .18s cubic-bezier(.16,1,.3,1)}
.kik-demo-guide[open] summary::after{transform:translateY(-2px) rotate(45deg)}
.kik-demo-guide[open] .kik-demo-panel{animation:kik-demo-in .18s cubic-bezier(.16,1,.3,1) both}
@keyframes kik-demo-in{from{opacity:0;transform:translateY(6px)}}
@media(prefers-reduced-motion:reduce){.kik-demo *{animation:none!important;transition:none!important}}
@media(hover:hover){.kik-demo-guide summary:hover,.kik-demo-reset:hover{background:#fbf6ee;color:#202d52}}
.kik-demo-guide summary:focus-visible,.kik-demo-reset:focus-visible,.kik-demo a:focus-visible{outline:3px solid #fbc7a3;outline-offset:2px}
.kik-demo-panel{position:absolute;right:16px;bottom:calc(100% + 10px);width:min(26rem,calc(100vw - 32px));background:#202d52;padding:14px 16px 12px;border:1px solid #fbf6ee;border-radius:8px;box-shadow:0 -6px 18px rgba(32,45,82,.3)}
.kik-demo-panel ol{margin:0;padding-left:20px}
.kik-demo-panel li{margin:0 0 8px}
.kik-demo-links{margin:4px 0 0;font-size:13px}
.kik-demo a{color:#fbf6ee;text-decoration:underline}
@media (max-width:600px){.kik-demo-inner{padding:6px max(12px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))}.kik-demo-msg{font-size:13px;flex-basis:100%}.kik-demo-actions{width:100%}.kik-demo-actions>*{flex:1}.kik-demo-guide summary,.kik-demo-reset{justify-content:center}.kik-demo-panel{left:12px;right:12px;width:auto}}
.kik-demo-guide{border:0;padding:0;margin:0;background:none;box-shadow:none;border-radius:0}