/* Calendar and List keep their layouts while scaling text, rows and spacing. */
:root{--calendar-scale:1;--list-scale:1}
.calendar-weekdays{height:calc(40px * var(--calendar-scale))}
.calendar-weekdays>div{font-size:calc(10px * var(--calendar-scale))}
.calendar-day{padding:calc(8px * var(--calendar-scale))}
.calendar-date{font-size:calc(11px * var(--calendar-scale));padding:calc(2px * var(--calendar-scale)) calc(4px * var(--calendar-scale))}
.calendar-holiday{font-size:calc(9px * var(--calendar-scale));margin-top:calc(4px * var(--calendar-scale))}
.calendar-span{height:calc(24px * var(--calendar-scale));line-height:calc(22px * var(--calendar-scale));font-size:calc(11px * var(--calendar-scale));padding-inline:calc(10px * var(--calendar-scale))}
.daily-plan,.daily-plan-table{min-width:calc(750px * var(--list-scale))}
.daily-plan-table thead th{font-size:calc(11px * var(--list-scale));padding:calc(16px * var(--list-scale));height:calc(48px * var(--list-scale))}
.daily-plan-table thead th:first-child{width:calc(165px * var(--list-scale))}
.daily-plan-table .daily-date{padding:calc(14px * var(--list-scale)) calc(16px * var(--list-scale));font-size:calc(12px * var(--list-scale))}
.daily-date small{font-size:calc(10px * var(--list-scale));margin-top:calc(4px * var(--list-scale))}
.daily-plan-table td{padding:calc(8px * var(--list-scale)) calc(10px * var(--list-scale));height:calc(64px * var(--list-scale))}
.daily-task{gap:calc(8px * var(--list-scale));padding:calc(7px * var(--list-scale)) calc(6px * var(--list-scale));font-size:calc(12px * var(--list-scale))}
.daily-task-dot{width:calc(8px * var(--list-scale));height:calc(8px * var(--list-scale))}
.daily-done,.daily-add,.daily-holiday{font-size:calc(10px * var(--list-scale))}
.daily-add{padding:calc(5px * var(--list-scale)) calc(6px * var(--list-scale))}
.list-heading-grip{font-size:calc(15px * var(--list-scale));margin-right:calc(7px * var(--list-scale))}