/* Desktop pages stop below the sticky menu, one complete section at a time. */
@media (min-width:651px) {
 html {scroll-snap-type:y mandatory;scroll-padding-top:var(--masthead);}
 main section {scroll-snap-align:start;scroll-snap-stop:always;scroll-margin-top:0;}
 #home,.screen,.regular-screen,#booking {
   height:calc(var(--visible-height,100dvh) - var(--masthead));
   min-height:0;max-height:none;
 }
 html[data-theme] #contacts {
   height:calc(var(--visible-height,100dvh) - var(--masthead) - var(--footer-height,0px));
   min-height:0;max-height:none;
 }
 /* Reserve the footer inside the final screen's available height. */
 .site-footer {box-sizing:border-box;}
}
@media (min-width:651px) and (max-height:720px) {
 .screen .screen-copy {padding-top:14px;gap:9px;}
 .screen .screen-heading h2,.booking-scene .utility-heading h2,#contacts h2 {font-size:27px;}
 .screen .screen-heading h2 small {margin-top:4px;font-size:15px;}
 .screen .screen-subtitle {margin-top:5px;font-size:14px;line-height:1.3;}
 .screen .tile {min-height:48px;padding:7px 10px;}
 .screen .screen-copy .service-content {gap:7px;}
 .screen .pill {min-height:34px;padding:7px 11px;font-size:13px;}
 .screen .tile-grid {gap:6px;}
 .screen .service-route {font-size:14px;}
 #booking .utility-inner {padding-top:12px;padding-bottom:48px;}
 #booking .booking-layout {margin-top:6px;gap:6px;}
 #booking .calendar {padding:7px 12px;}
 #booking .calendar-head {margin-bottom:3px;}
 #booking .calendar-head button {min-width:28px;min-height:28px;}
 #booking .calendar-head h3 {font-size:17px;}
 #booking .weekdays {margin-bottom:3px;font-size:12px;}
 #booking #date-grid {gap:3px;}
 #booking #date-grid button,#booking #date-grid>span {height:21px;font-size:13px;}
 #booking .calendar-key {margin-top:3px;font-size:10px;}
 #booking .booking-summary {padding:6px 10px;gap:4px;}
 #booking .field select {min-height:28px;font-size:12px;padding:3px;}
 #booking .booking-summary .field {font-size:11px;}
 #booking .selected-date {font-size:15px;}
 #booking #seat-note {font-size:11px;line-height:1.2;}
 #booking .booking-submit {min-height:30px;padding:5px 10px;font-size:13px;}
 #contacts .utility-inner {padding-top:14px;gap:12px;}
}
/* Exceptionally short desktop windows retain accessible content by scrolling. */
@media (min-width:651px) and (max-height:500px) {
 html {scroll-snap-type:y proximity;}
 #home,.screen,.regular-screen,#booking,html[data-theme] #contacts {min-height:452px;}
}