/* /demo/<slug>/ 共通: 上の「デモサイトです」の帯だけ。各デモの見た目は <slug>.css */
body { margin: 0; }
.mnt-demo-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 24px; margin: 0; padding: 9px 20px; background: #080808; color: #ddd; font: 12px/1.6 "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif; letter-spacing: .02em; }
.mnt-demo-bar p { margin: 0; }
.mnt-demo-bar strong { display: inline-block; margin-right: 10px; padding: 1px 8px; border: 1px solid #777; color: #fff; font-size: 10px; letter-spacing: .14em; }
.mnt-demo-bar__links { display: flex; gap: 18px; white-space: nowrap; }
.mnt-demo-bar a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 600px) { .mnt-demo-bar { padding: 8px 14px; font-size: 11px; } }