/* Without JavaScript all original content stays visible. */
.mobile-month-toolbar,.mobile-weather-toggle{display:none}
.mobile-day-dialog{width:min(520px,calc(100vw - 32px));max-height:80dvh;overflow:auto;box-sizing:border-box;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface-solid);color:var(--ink);box-shadow:0 20px 80px #0005}
.mobile-day-dialog::backdrop{background:#0a233b99}
.mobile-day-dialog:not([open]){display:none}
.mobile-day-close{display:block;margin:0 0 12px auto;min-height:44px;padding:8px 16px;border:1px solid var(--line);border-radius:12px;font:inherit;background:var(--surface-solid);color:var(--ink)}
.mobile-day-detail{overflow-wrap:anywhere}
.mobile-day-detail p{font-size:.82rem;margin:8px 0;line-height:1.5}
.mobile-day-detail p small{display:block;color:var(--muted);font-size:.75rem;line-height:1.5;margin-top:3px}
.mobile-calendar-day{font:inherit;color:inherit;background:transparent;border:0;padding:0;width:100%;cursor:pointer}
.mobile-calendar-day:focus-visible{outline:3px solid var(--accent,#167f9f);outline-offset:-3px}
.mobile-calendar-day[aria-current="date"]{outline:3px solid var(--ink);outline-offset:-3px}
@media(max-width:760px){
 .live-hero{min-height:0;padding:18px;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
 .live-hero h1{font-size:1.6rem;margin:6px 0}
 .live-hero p{font-size:.8rem;line-height:1.4;margin:8px 0 0}
 .live-hero .live-hero-reading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;min-width:0;margin:0;padding:10px 12px}
 .live-hero-reading small{display:none}
 .live-hero-reading strong{font-size:1.35rem;margin:0}
 .live-hero-reading .update-chip{font-size:.65rem}
 .mobile-month-toolbar{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;align-items:end;margin:16px 0}
 .mobile-month-toolbar label{display:grid;gap:5px;font-weight:800;font-size:.8rem;min-width:0;color:var(--ink)}
 .mobile-month-toolbar button,.mobile-month-toolbar select{min-height:44px;border:1px solid var(--line);border-radius:12px;background:var(--surface-solid);color:var(--ink);font:inherit;padding:8px}
 .mobile-month-toolbar select{width:100%;font-size:16px}
 .mobile-month-toolbar .mobile-year-toggle{grid-column:1/-1;font-size:.83rem;font-weight:800}
 .mobile-month-toolbar button:disabled{opacity:.45;cursor:default}
 .mobile-month-toolbar :focus-visible,.mobile-weather-toggle:focus-visible{outline:3px solid var(--accent,#167f9f);outline-offset:2px}
 .has-mobile-month .rain-year-calendar-table{min-width:0!important;width:100%;font-size:1rem}
 .has-mobile-month .rain-year-calendar-table .mobile-month-excluded,.has-mobile-month .rain-year-calendar-table .mobile-invalid-day{display:none}
 .has-mobile-month .rain-year-calendar-table th,.has-mobile-month .rain-year-calendar-table td{height:46px;padding:0 8px}
 .has-mobile-month .rain-year-calendar-table th:first-child{width:25%;min-width:0}
 .has-mobile-month .mobile-calendar-day{min-height:46px;font-weight:800}
 .has-mobile-month .rain-year-calendar-scroll{max-height:none;overflow-x:visible}
 .has-mobile-overview .weather-scene-top{min-height:0;grid-template-columns:1fr}
 .has-mobile-overview .weather-scene-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:18px}
 .has-mobile-overview .weather-scene-eyebrow{grid-column:1/-1;font-size:.62rem}
 .has-mobile-overview .weather-scene-copy h2{font-size:1.35rem;margin:0;align-self:center;overflow-wrap:anywhere}
 .has-mobile-overview .weather-scene-temperature{font-size:2rem;margin:0;align-self:center}
 .has-mobile-overview .weather-scene-copy>:not(h2):not(.weather-scene-temperature):not(.weather-scene-eyebrow){grid-column:1/-1}
 .has-mobile-overview:not(.is-mobile-expanded) .weather-scene-copy>:is(p,.weather-scene-feels,.weather-scene-tags,.weather-scene-atmosphere-copy,.weather-scene-rain-context),
 .has-mobile-overview:not(.is-mobile-expanded)>:is(.weather-scene-trends,.weather-scene-info,.weather-scene-warning-explanation){display:none}
 .has-mobile-overview.weather-scene-card .weather-scene-art{height:230px;min-height:230px}
 .has-mobile-overview .weather-scene-readings{grid-template-columns:repeat(3,minmax(0,1fr))}
 .has-mobile-overview .weather-scene-readings>article{padding:12px 8px;display:block;border-bottom:0;min-width:0}
 .has-mobile-overview .weather-scene-reading-icon{display:none}
 .has-mobile-overview .weather-scene-readings strong{font-size:.9rem;overflow-wrap:anywhere}
 .has-mobile-overview .weather-scene-readings small{font-size:.69rem}
 .has-mobile-overview:not(.is-mobile-expanded) [data-scene-text="sensor"]{display:none}
 .has-mobile-overview .mobile-weather-toggle{display:block;width:calc(100% - 32px);margin:12px 16px;min-height:44px;border-radius:12px;border:1px solid #a4c8d6;background:#f3fbfd;color:#173f52;font:inherit;font-weight:800;font-size:.85rem}
 .has-mobile-overview .weather-scene-warning-copy{margin-top:8px;padding:12px;font-size:.8rem}
 .has-mobile-overview footer{padding:12px 16px;gap:8px;font-size:.65rem}
 .has-mobile-overview footer button{min-height:44px}
 .has-mobile-overview .weather-scene-warning-art{max-width:calc(100% - 24px);left:12px;right:12px;top:12px;padding:10px;font-size:.65rem}
 .has-mobile-overview .weather-scene-art-caption{font-size:.5rem}
}
@media(max-width:360px){.has-mobile-overview .weather-scene-copy{grid-template-columns:1fr}.has-mobile-overview .weather-scene-temperature{font-size:2.1rem}.has-mobile-overview .weather-scene-readings strong{font-size:.72rem}}