/* Compact calendar for the separate local Option 1 preview. */
.nightfall__body { padding:14px 20px!important; }
.nightfall__heading h2 { font-size:1.5rem; }
#nightfall-description { margin:8px 0 10px; min-height:0; font-size:.8rem; line-height:1.5; }
.nightfall-calendar { margin:12px 0 6px; padding-top:12px; }
.nightfall-calendar__heading { display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 12px; margin-bottom:10px; }
.nightfall-calendar__heading .eyebrow { flex-basis:100%; margin:0; font-size:.58rem; }
.nightfall-calendar__heading h3 { margin:3px 0 0; font-size:1.4rem; line-height:1.2; }
.nightfall-calendar__heading>p:last-child { margin:0; font-size:.7rem; line-height:1.4; }
.nightfall-calendar__days { grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
.nightfall-calendar__days button { min-height:70px; padding:7px 6px; display:flex; flex-direction:column; justify-content:center; gap:3px; min-width:0; }
.nightfall-calendar__days time { display:flex; align-items:baseline; gap:5px; font-size:.68rem; line-height:1; }
.nightfall-calendar__days strong { display:inline; font-size:1.28rem; line-height:1; }
.nightfall-calendar__days button>span { font-size:.7rem; line-height:1.2; min-height:0; }
.nightfall-calendar__days small { margin:0; font-size:.6rem; line-height:1.2; }
.calendar-chapter { margin:10px 0 8px; padding:0; font-size:.8rem; line-height:1.45; }
.calendar-actions { gap:6px; }
.calendar-actions button { min-height:44px; padding:8px 10px; font-size:.73rem; }
.calendar-discovery { min-height:0; margin:8px 0 0; padding-left:10px; font-size:.75rem; line-height:1.45; }
.room-calendar { margin-top:8px; column-gap:10px; font-size:.59rem; }
.room-motion-controls { margin-top:0; }
.nightfall__hint { margin:6px 0 0; font-size:.65rem; line-height:1.45; }
.nightfall__credit { margin:8px 0 0; }
@media(max-width:600px) {
 .nightfall__body { padding:14px!important; }
 .nightfall-calendar__days button { min-height:74px; padding:7px 5px; }
 .nightfall-calendar__heading h3 { font-size:1.3rem; }
}
@media(max-width:360px) {
 .nightfall-calendar__days { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .nightfall-calendar__days button { min-height:62px; }
 .nightfall-calendar__days time { gap:6px; }
}