/* Demo banner shared by Nick Cresner's demo projects. Uses Nick's brand (navy + survey orange), not the demo business brand. */
.demo-bar{position:relative;z-index:100;background:#14213D;color:#E7ECF7;font:500 12.5px/1.4 "IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;letter-spacing:.02em;border-bottom:3px solid #FF5A1F}
.demo-bar .in{max-width:1200px;margin:0 auto;padding:9px 18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 14px;text-align:center}
.demo-bar .pill{display:inline-block;background:#FF5A1F;color:#14213D;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:10.5px;padding:3px 7px;border-radius:3px}
.demo-bar a{color:#fff;text-decoration:underline;text-decoration-color:#FF5A1F;text-underline-offset:3px;text-decoration-thickness:2px;font-weight:700;white-space:nowrap}
.demo-bar a:hover{color:#FF5A1F}
.demo-bar a:focus-visible{outline:3px solid #FF5A1F;outline-offset:2px;border-radius:2px}
@media (max-width:560px){.demo-bar{font-size:11.5px}.demo-bar .in{padding:8px 12px}}