/* Voluntary reservation: standalone completion card, mobile first. */
.reservation-demo{max-width:740px;margin:0 auto;background:var(--white);border:1px solid #bac8bb;padding:28px;scroll-margin-top:90px;font-size:17px;line-height:1.55;color:var(--ink)}
.reservation-demo[hidden],.reservation-demo [hidden]{display:none!important}
.reservation-demo h3{font:400 clamp(28px,5vw,38px)/1.15 var(--serif);letter-spacing:-.025em;margin:12px 0 22px;overflow-wrap:anywhere}
.reservation-demo h3:focus{outline:none}
.reservation-demo p{font-size:17px;line-height:1.55;margin:14px 0}
.reservation-demo .reservation-demo-note{background:#f6f1e5;padding:12px 14px;margin:0 0 20px;font-size:16px;color:#504631}
.reservation-amount{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;border-block:1px solid var(--line);margin:18px 0}
.reservation-amount strong{font:400 40px/1.1 var(--serif);white-space:nowrap}
.reservation-deadline{padding:16px;background:#eaf0e6;font-size:17px}
.reservation-deadline time{display:block;font-weight:700;margin-top:4px}
.reservation-demo details{margin:16px 0;border-bottom:1px solid var(--line);padding-bottom:12px}
.reservation-demo summary{cursor:pointer;font-size:17px;min-height:48px;padding:12px 0;font-weight:600}
.reservation-demo .reservation-consent{display:flex;gap:12px;align-items:flex-start;min-height:48px;font-size:16px;margin:20px 0}
.reservation-consent input{flex:0 0 24px;width:24px;height:24px;margin:1px 0;accent-color:var(--pine)}
.reservation-actions{display:grid;gap:10px;margin-top:18px}
.reservation-demo .button{width:100%;min-height:52px;font-size:16px;white-space:normal;line-height:1.4;justify-content:center;padding:14px 18px;text-align:center}
.reservation-demo .reservation-secondary{background:white;color:var(--pine);border:1px solid #a8b8a7}
.reservation-demo .reservation-edit{background:transparent;border:0;color:var(--pine);text-decoration:underline;min-height:48px;padding:12px 0;margin-top:12px;font-size:16px}
.reservation-demo #reservation-error{color:#8b3026;font-size:16px}
.reservation-demo #reservation-error:empty{display:none}
.reservation-demo .reservation-tools{margin-top:24px;border-top:1px solid var(--line);border-bottom:0;padding-top:8px}
.reservation-demo button:focus-visible,.reservation-demo input:focus-visible,.reservation-demo summary:focus-visible{outline:3px solid #427b65;outline-offset:3px}
@media(max-width:600px){.reservation-demo{padding:20px 16px}.reservation-amount{align-items:flex-start}.reservation-amount span{max-width:145px}}
@media(prefers-reduced-motion:reduce){.reservation-demo *{scroll-behavior:auto!important}}