@media(max-width:640px){
  html,body{height:100%;overflow:hidden}
  main{display:grid;grid-template-rows:52px 24px 23px 18px minmax(0,1fr) 20px;width:100%;height:100svh;min-height:0;padding:3px 4px 5px;overflow:hidden}
  .calendar-head{min-height:0;height:52px;padding:0 6px}
  .month-mark{gap:7px}
  .month-mark>strong{font-size:44px;line-height:.72}
  .month-mark span{font-size:12px}
  .month-mark small{font-size:10px}
  .season-mark{width:64px;height:42px;transform:none;background-size:400% 300%}
  .season-block{align-self:start}
  .month-nav{height:24px;margin:-2px 0 0;gap:5px}
  .month-nav button{min-width:32px;min-height:22px;font-size:18px;line-height:1}
  .month-nav #today{font-size:10px}
  .font-controls{height:23px;top:auto;justify-content:flex-end;margin:-2px 0 0;gap:4px;font-size:8px}
  .font-controls button{width:21px;height:21px;font-size:11px}
  .weekdays{height:18px}
  .weekdays span{display:grid;place-items:center;padding:0;font-size:8px}
  .calendar{grid-template-rows:repeat(6,minmax(0,1fr));min-height:0;overflow:hidden}
  .day,.day:nth-child(n){min-height:0;padding:2px 2px;overflow:hidden}
  .day-number{font-size:9px}
  .holiday-name{max-height:10px;margin-top:1px;font-size:5px;line-height:1;overflow:hidden}
  .events{gap:0;margin-top:0;max-height:calc(100% - 11px);overflow:hidden}
  .event-label{padding:1px;font-size:7px;line-height:1}
  .event-symbol.cross,.event-symbol.triangle,.event-symbol.period-circle{min-height:0;height:auto}
  .event-symbol.cross b,.event-symbol.triangle b{font-size:clamp(25px,10vw,40px);line-height:.72}
  html[data-font="minus"] .event-symbol.cross b,html[data-font="minus"] .event-symbol.triangle b{font-size:clamp(22px,9vw,36px)}
  html[data-font="standard"] .event-symbol.cross b,html[data-font="standard"] .event-symbol.triangle b{font-size:clamp(25px,10vw,40px)}
  html[data-font="plus"] .event-symbol.cross b,html[data-font="plus"] .event-symbol.triangle b{font-size:clamp(28px,11vw,44px)}
  .event-symbol.period-circle b,html[data-font="minus"] .event-symbol.period-circle b,html[data-font="standard"] .event-symbol.period-circle b,html[data-font="plus"] .event-symbol.period-circle b{font-size:clamp(9px,2.8vw,12px)}
  .availability-numbers b{font-size:7px;border-width:1px}.availability-text,.full-badge{font-size:7px}.full-badge{border-width:1px}
  .calendar+footer,main>footer{align-items:center;height:20px;padding:0 78px 0 2px;font-size:7px;line-height:1}
  .delta-home{top:3px;left:50%;right:auto;bottom:auto;min-height:25px;padding:4px 8px;font-size:8px;box-shadow:0 3px 8px #0003;transform:translateX(-50%)}
  .delta-home .delta-name{display:none}
  .home-link{margin-top:0;font-size:7px}
  .calendar+footer,main>footer{padding:0 2px}
}