.demo-notice{background:var(--ink);color:#fff;padding:12px 0;font-size:.67rem}.demo-notice>.container{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.demo-notice a{text-decoration:underline;white-space:nowrap}.demo-panel{background:#fff1ec;padding:40px;border:1px solid #f3d9cc;border-radius:10px}.demo-panel h2{font-size:clamp(2rem,4vw,3.7rem)}.demo-mark{margin-top:30px;color:var(--accent)}.demo-mark svg{width:100px;height:100px;fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
#demo-booking{width:min(560px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:12px;padding:36px;background:var(--paper);color:var(--ink)}#demo-booking::backdrop{background:#17231fe0;backdrop-filter:blur(5px)}#demo-booking h2{font-size:2.5rem}.close-demo{position:absolute;right:16px;top:16px;background:none;border:0;width:40px;height:40px;padding:10px}.close-demo svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round}#demo-booking-result{margin-top:28px;border-top:1px solid var(--line);padding-top:24px}#demo-booking-result .button{margin-top:24px}
@media(max-width:699px){.demo-panel{padding:28px}#demo-booking{padding:28px 22px}.navigation>.button{gap:8px}}