/* Optional date browsing. Existing monthly cards stay visible when collapsed. */
#calendar .calendar-results-heading{flex-wrap:wrap}
#calendar .calendar-results-controls{flex-wrap:wrap;align-items:center;max-width:100%}
.calendar-disclosure,.calendar-month-reset,.calendar-type-reset{font:inherit;font-size:15px;min-height:44px;padding:9px 14px;border:1px solid #bbb;background:#fff;color:#171717;cursor:pointer;white-space:nowrap}
.calendar-disclosure[aria-expanded=true]{background:#171717;color:#fff;border-color:#171717}
#review-calendar-panel{grid-column:1/-1;min-width:0;margin:0 0 8px}
#review-calendar-panel[hidden]{display:none}
#review-calendar-panel .calendar-weekdays{padding:9px 0;font-size:13px}
#review-calendar-panel .calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
#review-calendar-panel .calendar-day,#review-calendar-panel .calendar-pad{min-height:76px;padding:10px 4px;align-items:center;justify-content:center;gap:6px}
#review-calendar-panel .calendar-day .day-number{width:auto;height:auto;border:0;border-radius:0;background:none;color:inherit;font-size:20px;font-weight:600;line-height:1.1}
#review-calendar-panel .calendar-day .calendar-day-count{font-size:13px;line-height:1.2;white-space:nowrap}
#review-calendar-panel .calendar-day:disabled{color:#8a8a8a;cursor:default;background:#fafafa}
#review-calendar-panel .calendar-day[aria-pressed=true]{background:#171717;color:#fff}
#review-calendar-panel .calendar-day:focus-visible,.calendar-disclosure:focus-visible,.calendar-month-reset:focus-visible,.calendar-type-reset:focus-visible{outline:3px solid #8c4b21;outline-offset:2px;position:relative;z-index:1}
.calendar-selected-day{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.calendar-selected-day h3{margin:0;font-size:21px}
.calendar-empty{grid-column:1/-1}
.calendar-empty p{margin:0 0 12px}
@media(max-width:760px){
 #calendar .calendar-results-controls{flex-shrink:1;gap:8px}
 #calendar .calendar-results-controls label{gap:6px}
 .calendar-disclosure,.calendar-month-reset,.calendar-type-reset{font-size:14px;padding:9px 12px}
 #review-calendar-panel .calendar-day,#review-calendar-panel .calendar-pad{min-height:64px;padding:8px 2px;gap:5px}
 #review-calendar-panel .calendar-day .day-number{font-size:17px}
 #review-calendar-panel .calendar-day .calendar-day-count{font-size:11px}
 .calendar-selected-day h3{font-size:18px}
}

/* Keep the mobile calendar action beside the month; give both pickers their own full row. */
@media(max-width:760px){
 body:not(.review-detail-page) #calendar .calendar-results-heading{display:block;position:relative}
 body:not(.review-detail-page) #calendar .calendar-results-heading>h3{display:flex;align-items:center;min-height:44px;padding-right:92px;box-sizing:border-box;font-size:clamp(17px,4.9vw,23px);white-space:nowrap;min-width:0}
 body:not(.review-detail-page) #calendar .calendar-results-controls{display:flex;flex-wrap:nowrap;gap:8px;align-items:center;margin-top:10px}
 body:not(.review-detail-page) #calendar .calendar-disclosure{position:absolute;right:0;top:0;font-size:13px;padding:7px 10px}
 body:not(.review-detail-page) #calendar .calendar-results-controls label{min-width:0;white-space:nowrap}
 body:not(.review-detail-page) #calendar .calendar-results-controls label:first-child{flex:1}
 body:not(.review-detail-page) #calendar .calendar-results-controls label:nth-child(2){flex:none}
 body:not(.review-detail-page) #calendar .calendar-results-controls #review-month{width:auto;min-width:0;max-width:150px;flex:1}
 body:not(.review-detail-page) #calendar .calendar-results-controls #review-year{width:90px;min-width:90px}
}