*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#dfdedb;color:#1d1d1d}
body{font-family:BS-Mono,monospace;-webkit-font-smoothing:antialiased}
a{color:#1d1d1d;text-decoration:none}
.reservation-page{min-height:100vh;padding:22px 24px 64px}
.reservation-top{width:min(1250px,100%);margin:0 auto 64px;display:flex;justify-content:space-between;font:700 12px/1 BS-Inter,Arial,sans-serif;letter-spacing:.08em}
.reservation-wrap{width:min(930px,100%);margin:0 auto}
.reservation-wrap h1{margin:0 0 14px;font:700 64px/.98 BS-Inter,Arial,sans-serif;letter-spacing:-.04em}
.reservation-intro{margin:0 0 42px;font:400 20px/1.5 BS-Mono,monospace}
#reservationForm{border-top:1px solid #747473}
#reservationForm label{display:block;padding:20px 0;border-bottom:1px solid #747473;font:700 20px/1.25 BS-Inter,Arial,sans-serif}
#reservationForm input,
#reservationForm textarea{display:block;width:100%;margin-top:10px;padding:12px 0;border:0;border-bottom:1px solid #747473;background:transparent;color:#1d1d1d;outline:0;border-radius:0;font:400 18px/1.35 BS-Mono,monospace}
#reservationForm input[type="datetime-local"]{min-height:48px}
#reservationForm input[type="datetime-local"]::-webkit-datetime-edit,
#reservationForm input[type="datetime-local"]::-webkit-datetime-edit-fields-wrapper,
#reservationForm input[type="datetime-local"]::-webkit-datetime-edit-text,
#reservationForm input[type="datetime-local"]::-webkit-datetime-edit-month-field,
#reservationForm input[type="datetime-local"]::-webkit-datetime-edit-day-field,
#reservationForm input[type="datetime-local"]::-webkit-datetime-edit-year-field,
#reservationForm input[type="datetime-local"]::-webkit-datetime-edit-hour-field,
#reservationForm input[type="datetime-local"]::-webkit-datetime-edit-minute-field{font:inherit;line-height:1.35}
#reservationForm input[type="datetime-local"]::-webkit-calendar-picker-indicator{transform:scale(2.6);transform-origin:right center;opacity:1;cursor:pointer}
#reservationForm input:focus,#reservationForm textarea:focus{border-bottom-color:#1d1d1d}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.optional{font:400 18px/1.2 BS-Mono,monospace;letter-spacing:0}
button{margin-top:28px;padding:16px 22px;border:1px solid #1d1d1d;background:#1d1d1d;color:#fff;cursor:pointer;font:700 14px/1 BS-Inter,Arial,sans-serif;letter-spacing:.10em}
button:hover{background:transparent;color:#1d1d1d}
.reservation-note{margin:20px 0 0;font:400 16px/1.5 BS-Mono,monospace}
@media(max-width:700px){
  .reservation-page{padding:18px 14px 36px}
  .reservation-top{margin-bottom:42px;font-size:9px}
  .reservation-wrap h1{font-size:48px}
  .reservation-intro{font-size:16px;margin-bottom:28px}
  #reservationForm label{font-size:18px;padding:16px 0}
  #reservationForm input,#reservationForm textarea{font-size:16px}
  .field-row{grid-template-columns:1fr;gap:0}
  .optional{font-size:15px}
  button{width:100%;font-size:12px}
  .reservation-note{font-size:14px}
}

/* Requested larger native date and number controls. */
#reservationForm input[type="number"]::-webkit-inner-spin-button,
#reservationForm input[type="number"]::-webkit-outer-spin-button{
  transform:scale(2.6);
  opacity:1;
  margin-right:7px;
  cursor:pointer;
}
#reservationForm input[type="datetime-local"]::-webkit-calendar-picker-indicator{
  transform:scale(2.6);
}
@-moz-document url-prefix(){
  #reservationForm input[type="number"]{font-size:20px;}
}

#reservationStatus{min-height:1.5em;margin:16px 0 0;font:700 16px/1.4 BS-Inter,Arial,sans-serif;}