#lv5MonthAhead{text-align:left;overflow:hidden}#lv5MonthAhead .lv3Label{color:#b3c7d9!important;line-height:16px!important;white-space:nowrap!important}#lv5MonthAhead .lv3Label svg{width:12px;height:12px;stroke:#b3c7d9;fill:none;stroke-width:1.6}#lv5MonthAhead .monthDates{font-size:12px;line-height:13px;color:white;position:absolute;top:36px;left:14px;right:10px;margin-top:0}#lv5MonthAhead .monthDates>div+div{margin-top:6px}#lv5MonthAhead .monthMazal{position:absolute;bottom:24px;left:9px;display:block;width:calc(100% - 18px);height:46px;object-fit:contain;margin:0}#lv5MonthAhead .lv3Hint{position:absolute;left:14px;bottom:10px;font-size:10px!important}#l4WeatherMap .wm-head{padding-left:10px!important;padding-right:6px!important;font-size:12px!important}#l4WeatherMap .wm-seg{display:none!important}#l4WeatherMap .wm-mapwrap{margin-top:4px!important}#l4WeatherMap .wm-sample{display:none!important}#monthYearPreview[hidden]{display:none}#monthYearPreview{position:fixed;inset:0;z-index:999999;background:#071521aa;display:flex;align-items:flex-end}#monthYearPreview section{width:100%;max-height:92vh;overflow:auto;background:#182e3e;border-radius:28px 28px 0 0;color:#edf5ff}#monthYearPreview header{position:sticky;top:0;background:#f5f0e7;color:#183c50;padding:18px 58px 18px 18px}#monthYearPreview h2{font:600 19px/24px Arial;margin:0}#monthYearPreview header button{position:absolute;right:16px;top:20px;width:36px;height:36px;border-radius:50%;border:1px solid #8cacbf;background:#d5e5ee;font-size:24px;color:#183c50}.yearBody{padding:0 14px 20px;font:14px/20px Arial}.yearBody small{color:#b3c7d9;font-size:12px}.yearBody table{border-collapse:collapse;table-layout:fixed;width:100%;font:12px/17px Arial}.yearBody th,.yearBody td{padding:11px 5px;border-bottom:1px solid #ffffff20;vertical-align:top;text-align:left}.yearBody thead{color:#b3c7d9;font-size:11px}.yearBody th:first-child{width:24%}.yearBody td small{display:block}.yearBody .next{background:#387daf70;box-shadow:inset 3px 0 #8ed8fb}.yearNote{font-size:11px;line-height:17px;color:#b3c7d9}
/* Private header color consistency: tile family and popup family retain their contrasting backgrounds. */
html.lv5 #ckCardsViewport #lv3Dashboard .lv3Label,html.lv5 #ckCardsViewport #simpleNotes .lv3Label,html.lv5 #ckCardsViewport #l4WeatherMap .wm-head{color:rgb(179,199,217)!important;-webkit-text-fill-color:rgb(179,199,217)!important}
html.lv5 #ckCardsViewport #lv3Dashboard .lv3Label svg,html.lv5 #ckCardsViewport #lv3Dashboard .lv3Label svg *,html.lv5 #ckCardsViewport #simpleNotes .lv3Label svg,html.lv5 #ckCardsViewport #simpleNotes .lv3Label svg *,html.lv5 #ckCardsViewport #l4WeatherMap .wm-head svg,html.lv5 #ckCardsViewport #l4WeatherMap .wm-head svg *{color:rgb(179,199,217)!important;stroke:rgb(179,199,217)!important;-webkit-text-fill-color:rgb(179,199,217)!important}
#monthYearPreview h2{color:rgb(21,55,77)!important}

.yearBody .next{background:#1e6b95!important;box-shadow:inset 4px 0 #81e5ff!important}.yearBody .next td{color:#fff;font-weight:600}.yearBody table td,.yearBody table th{padding-left:15px!important;padding-right:1px!important}.yearBody tbody td{padding-top:16px!important;padding-bottom:18px!important}.yearBody table{font-size:13px!important;line-height:18px!important}.yearBody thead{font-size:12px!important}.yearBody td small{font-size:13px!important;line-height:18px!important}

#lv5MonthAhead{display:none!important}html.simpleExpanded #lv5MonthAhead{display:block!important}#lv5MonthAhead .lv3Label{position:absolute;left:14px;top:12px;height:16px;font-size:12px!important}#lv5MonthAhead{position:relative;height:180px!important;padding:14px!important;width:100%;min-width:0}#lv3Dashboard .lv3Upcoming{order:0!important}#lv5Forecast{order:1!important}#lv5MonthAhead{order:2!important}#lv3Dashboard [data-sheet=quick]{order:3!important}#lv3Dashboard [data-sheet=timeline]{order:4!important}#lv3Dashboard [data-sheet=moon]{order:5!important}#lv3Dashboard [data-sheet=snapshot]{order:6!important}#ckWorldMapTile{order:7!important}#l4WeatherMap{order:8!important;grid-column:auto!important;min-width:0!important}#lv3Dashboard [data-sheet=chart]{order:9!important}#l4WeatherMap:not(.wm-expanded) .wm-mapwrap{height:115px!important;width:100%!important}#l4WeatherMap .wm-head{color:#b3c7d9!important;letter-spacing:-.8px!important;white-space:nowrap!important}#lv3Dashboard .lv3Label svg *,#simpleNotes .lv3Label svg *{stroke:#b3c7d9!important;color:#b3c7d9!important}.yearBody>p:first-child{font-size:15px;line-height:21px}

#lv3Dashboard#lv3Dashboard .lv3Upcoming{order:0!important}#lv3Dashboard#lv3Dashboard #lv5Forecast{order:1!important}#lv3Dashboard#lv3Dashboard #lv5MonthAhead{order:2!important}#lv3Dashboard#lv3Dashboard [data-sheet=quick]{order:3!important}#lv3Dashboard#lv3Dashboard [data-sheet=timeline]{order:4!important}#lv3Dashboard#lv3Dashboard [data-sheet=moon]{order:5!important}#lv3Dashboard#lv3Dashboard [data-sheet=snapshot]{order:6!important}#lv3Dashboard#lv3Dashboard #ckWorldMapTile{order:7!important}#lv3Dashboard#lv3Dashboard #l4WeatherMap{order:8!important}#lv3Dashboard#lv3Dashboard [data-sheet=chart]{order:9!important}
#lv3Dashboard#lv3Dashboard #lv5MonthAhead{min-height:180px!important;max-height:180px!important}#lv3Dashboard#lv3Dashboard #l4WeatherMap .wm-head{padding-left:10px!important;padding-right:6px!important;font-size:12px!important;letter-spacing:-.8px!important}#lv3Dashboard#lv3Dashboard #l4WeatherMap .wm-seg{display:none!important}
#lv3Dashboard#lv3Dashboard #l4WeatherMap .wm-head{gap:4px!important}#lv3Dashboard#lv3Dashboard #l4WeatherMap .wm-head svg{width:12px!important;height:12px!important}
/* Month sheet uses the same viewport offset as Upcoming K"L Zmanim.
   Header is outside the scroll container; only the body can scroll. */
#monthYearPreview>section{height:calc(100vh - 64px);height:calc(100dvh - 64px);max-height:none;min-height:0;display:flex;flex-direction:column;overflow:hidden}
#monthYearPreview header{position:relative;top:auto;flex:0 0 auto;z-index:1}
#monthYearPreview .yearBody{flex:1 1 auto;min-height:0;margin:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}
#monthYearPreview .yearBody tbody th img{object-fit:contain;object-position:center;max-width:100%;overflow:visible}
#lv3Dashboard#lv3Dashboard #lv5MonthAhead .lv3Label{left:14px!important;right:10px!important;width:auto!important;transform:none!important}
#lv3Dashboard#lv3Dashboard #lv5MonthAhead .monthDates{font-weight:400}
#lv3Dashboard#lv3Dashboard #lv5MonthAhead .monthDates b{font-weight:700}
/* Existing header painter makes labels relative to the tile's 12px padding. */
#lv3Dashboard#lv3Dashboard #lv5MonthAhead .lv3Label{left:2px!important;right:auto!important;width:calc(100% - 2px)!important}
#monthYearPreview .monthEventStatus{display:block;font-size:11px!important;line-height:15px!important;margin-top:3px;font-weight:400;overflow-wrap:normal}

#lv3Dashboard#lv3Dashboard .lv3Upcoming{order:0!important}
#lv3Dashboard#lv3Dashboard [data-sheet=snapshot]{order:1!important}
#lv3Dashboard#lv3Dashboard #lv5MonthAhead{order:2!important}
#lv3Dashboard#lv3Dashboard [data-sheet=quick]{order:3!important}
#lv3Dashboard#lv3Dashboard #lv5Forecast{order:4!important}
#lv3Dashboard#lv3Dashboard [data-sheet=moon]{order:5!important}
#lv3Dashboard#lv3Dashboard [data-sheet=timeline]{order:6!important}
#lv3Dashboard#lv3Dashboard #ckWorldMapTile{order:7!important}
#lv3Dashboard#lv3Dashboard #l4WeatherMap{order:8!important}
#lv3Dashboard#lv3Dashboard [data-sheet=chart]{order:9!important}

/* Match the existing 44px popup controls and center the drawn close mark. */
:is(#monthYearPreview,#lv3Sheet,#lv5UpNextModal,#lv5ForecastModal) header{position:relative!important}
:is(#monthYearPreview,#lv3Sheet,#lv5UpNextModal,#lv5ForecastModal) header button:is(.lv3Close,.lv5UpNextClose),#monthYearPreview header button{position:absolute!important;left:auto!important;right:18px!important;top:50%!important;transform:translateY(-50%)!important;box-sizing:border-box!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important;padding:0!important;margin:0!important;border:1px solid #91afc0!important;border-radius:50%!important;background:#d5e3eb!important;color:#15374d!important;font-size:0!important;line-height:0!important;display:block!important}
:is(#monthYearPreview,#lv3Sheet,#lv5UpNextModal,#lv5ForecastModal) header button:is(.lv3Close,.lv5UpNextClose)::before,:is(#monthYearPreview,#lv3Sheet,#lv5UpNextModal,#lv5ForecastModal) header button:is(.lv3Close,.lv5UpNextClose)::after,#monthYearPreview header button::before,#monthYearPreview header button::after{content:''!important;position:absolute!important;left:50%!important;top:50%!important;width:18px!important;height:1.7px!important;background:#15374d!important;transform:translate(-50%,-50%) rotate(45deg)!important;border:0!important;border-radius:1px!important}
:is(#monthYearPreview,#lv3Sheet,#lv5UpNextModal,#lv5ForecastModal) header button:is(.lv3Close,.lv5UpNextClose)::after,#monthYearPreview header button::after{transform:translate(-50%,-50%) rotate(-45deg)!important}

:is(#lv3Sheet,#lv5UpNextModal,#lv5ForecastModal) header h2{max-width:calc(100% - 56px)!important}
/* The shared details header has a 1px bottom border; center in its border box. */
#lv3Sheet header button.lv3Close{top:calc(50% + .5px)!important}