.reservation-record { max-width: 70ch; margin: 24px auto; padding: 24px; background: #fff8ef; color: #214742; border-radius: 12px; text-align: start; line-height: 1.7; }
.reservation-record [hidden] { display: none !important; }
.reservation-record h2 { font-size: 1.4rem; margin-bottom: 16px; }
.reservation-record p { margin-block: 12px; overflow-wrap: anywhere; }
.reservation-record a { color: #245f83; text-underline-offset: .2em; }
.reservation-record button { min-height: 46px; padding: 10px 18px; margin: 8px 8px 8px 0; border: 1px solid #799f90; border-radius: 8px; color: #214742; background: #a5e0d6; font: inherit; cursor: pointer; }
.reservation-record button:hover { background: #b9e9df; }
.reservation-record button:disabled, #reserve-hologram:disabled { opacity: .65; cursor: default; }
.reservation-record :focus-visible, #reserve-hologram:focus-visible { outline: 3px solid #17635d; outline-offset: 4px; }
.reservation-record ::selection { color: #183f38; background: #a5e0d6; }
.reservation-record [data-error=true] { color: #9c2944; }
.reservation-record ol, #ri-list ol { padding-inline-start: 24px; margin-block: 16px; }
.reservation-record li, #ri-list li { padding-block: 4px; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
#ri-main { max-width: 1000px; padding-inline: 20px; margin: auto; }
#ri-main .commerce-note { margin-inline: 0; }
#ri-main select { max-width: 24rem; }
#ri-list h2 { font-size: 1.1rem; }
#ri-list summary { cursor: pointer; min-height: 44px; padding-block: 10px; }
@media (max-width: 600px) { .reservation-record { margin-inline: 12px; padding: 20px; } .reservation-record button { max-width: 100%; white-space: normal; } }