/* Hada Weather 3.0.0 — mobile review fixes. */
[hidden]{display:none!important}
.brand,.brand>div,.header-tools,.stat,.section-head>*{min-width:0}
.brand h1{font-size:clamp(17px,2.6vw,26px);line-height:1.65;word-break:normal;overflow-wrap:normal}
.stat strong{word-break:normal;overflow-wrap:normal;line-height:1.6}
#liveWind{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:0 7px}
#liveWind .wind-value,#liveWind .wind-unit{display:inline-block;white-space:nowrap}
#liveWind .wind-unit{font-size:14px;font-weight:500}
.section-head{flex-wrap:wrap;gap:12px}
.weather-alerts h2{margin:0;font-size:21px}
.weather-alerts>.alert{margin-top:16px}
.about-toggle{border:1px solid var(--line);border-radius:16px;background:#101e30}
.about-toggle>summary{padding:18px 20px;cursor:pointer;font-weight:700;font-size:18px;list-style:none}
.about-toggle>summary::after{content:'＋';float:left;color:var(--blue)}
.about-toggle[open]>summary::after{content:'−'}
.about-content{padding:0 20px 16px;line-height:2;animation:hada-reveal .2s ease-out}
.copyright{text-align:center;font-size:12px;line-height:2;color:var(--muted);margin:24px 0 0}
@keyframes hada-reveal{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){
 header{grid-template-columns:1fr;gap:15px}
 .brand{justify-content:flex-start;max-width:100%;width:100%}
 .brand h1{font-size:21px}
 .header-tools{max-width:none;width:100%;flex-direction:row;align-items:center;justify-content:space-between}
 .datebox{max-width:none}.install-button{font-size:12px}
 .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .stat{padding:15px 10px}.stat strong{font-size:22px}
 .stat label{line-height:1.8;font-size:13px}
 #liveWind{flex-direction:row}
 .map-hub-tabs button{padding:11px 8px;font-size:13px;line-height:1.9}
 .weather-alerts h2{font-size:19px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.about-content{animation:none}}
/* Calendar, concise alerts and Yemen-only earthquakes. */
.daily-calendar{max-width:650px;margin-left:auto;margin-right:auto;padding:20px}
.daily-calendar h2{font-size:20px;margin-bottom:18px}.daily-calendar figure{margin:0 auto;max-width:420px}
#dailyWeatherCanvas{display:block;width:100%;height:auto;border-radius:14px;background:#faf8f1}
.calendar-save{display:block;width:100%;max-width:420px;margin:18px auto 0;min-height:50px;font:inherit;font-weight:700;cursor:pointer}.calendar-save:disabled{opacity:.5;cursor:wait}
#dailyCardStatus{text-align:center;min-height:20px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.smart-alert-strip{background:#102d2a;border:1px solid #35665a;border-radius:16px;padding:16px 20px;margin:24px 0;line-height:1.9}
.smart-alert-strip[data-state=active]{background:#30281b;border-color:#b99253}.smart-alert-strip[data-state=partial]{background:#152335;border-color:#405773}
.alert-strip-title{margin:0;font-weight:700}.smart-alert-strip ul{padding-right:20px;margin:8px 0 0}.smart-alert-strip li{margin:8px 0}.smart-alert-strip small{color:var(--muted)}
.earthquake-map{height:380px;border-radius:14px;background:#0a1728;isolation:isolate;direction:ltr}.earthquake-map .leaflet-popup-content{font-family:Tahoma,Arial,sans-serif;line-height:1.8}
.quake-event{display:block;width:100%;background:#11263b;color:#e3f0fa;border:1px solid #294963;border-radius:10px;padding:12px;margin:10px 0;font:inherit;text-align:right;cursor:pointer}
.ad-banner{display:block;width:100%;max-width:100%;overflow:hidden;border-style:dashed;color:var(--muted);font-size:13px}.ad-banner-space{width:100%;aspect-ratio:1000/952;border-radius:12px;background:#0b1728}
@media(max-width:600px){.daily-calendar{padding:12px}.earthquake-map{height:300px}.smart-alert-strip{padding:13px;font-size:13px}}

/* Keep the map renderer at its geographic size, independent of weather icon sizes. */
.earthquake-map .leaflet-overlay-pane svg{width:auto;height:auto;max-width:none;max-height:none}

/* Open secondary sections only when requested. Native summaries support touch and keyboard. */
.section-disclosure>summary{cursor:pointer;font-weight:700;font-size:19px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px}
.section-disclosure>summary::-webkit-details-marker{display:none}.section-disclosure>summary::after{content:'＋';color:var(--blue)}.section-disclosure[open]>summary::after{content:'−'}
.section-disclosure:not([open])>.disclosure-content{display:none}.disclosure-content{margin-top:20px}.daily-calendar:not([open]){max-width:none}
.compact-rain{display:block;text-align:right}.compact-rain h2{margin:0;font-size:20px}.compact-rain p{margin:12px 0 0}.compact-rain #bestRainDay{color:var(--muted)}.compact-rain #bestRainValue{font-size:24px;font-weight:700;color:#a3daff}