/* Keep the location and selected date distinct, without covering the Earth. */
html[data-theme] #currentWeather .orb-copy #globeDate{display:block;font-size:clamp(12px,2.3cqw,18px);font-weight:550;line-height:1.4;margin:5px auto 0;color:#fff;text-shadow:inherit}
html[data-theme] #currentWeather .orb-copy h1{white-space:normal;overflow-wrap:anywhere;text-overflow:clip;max-width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#currentWeather .globe-day-temperatures{display:flex;justify-content:center;align-items:center;gap:clamp(20px,5cqw,42px);order:1}
#currentWeather .globe-day-temperatures>span{display:flex;flex-direction:column;align-items:center;gap:2px}
html[data-theme] #currentWeather .orb-copy .globe-day-temperatures strong{font-size:clamp(48px,11cqw,84px);line-height:1.05;font-weight:600;letter-spacing:-.055em;color:#fff}
#currentWeather .globe-day-temperatures small{font-size:clamp(11px,1.8cqw,15px);color:#e6eff7}
#currentWeather #globeDayConditionTime{font-size:clamp(10px,1.6cqw,13px);line-height:1.3;order:3;margin-top:2px;color:#e4eff7}
#currentWeather .orb-daily-details{text-align:center;font-size:clamp(10px,1.8cqw,14px);line-height:1.4;margin:0 0 -8px;color:#e4eff7}
#currentWeather #globeNow{pointer-events:auto;border:1px solid #e5f5ff66;background:#102b43bd;border-radius:999px;padding:7px 15px;color:#fff;font:inherit;font-size:clamp(11px,1.8cqw,14px);cursor:pointer;text-shadow:none;min-height:36px;touch-action:manipulation}
#currentWeather #globeNow:hover{background:#244761e6;border-color:#e5f5ff}
#currentWeather #globeNow:focus-visible{outline:2px solid #b6f5ff;outline-offset:4px}
#currentWeather [hidden]{display:none!important}
#currentWeather[data-view=day] .orb-main{gap:clamp(9px,2cqw,16px)}
#currentWeather[data-view=day] .orb-temperature-heading{margin:0 0 4px}
#currentWeather[data-view=day] #windDirection{display:none}
@media(max-width:760px){
 html[data-theme] #currentWeather .orb-copy #globeDate{font-size:clamp(11px,3.2cqw,16px);margin-top:3px}
 html[data-theme] #currentWeather[data-view=day] .orb-copy h1{font-size:clamp(19px,5.5cqw,28px)}
 html[data-theme] #currentWeather[data-view=day] .orb-copy #placeSubtitle{display:none}
 html[data-theme] #currentWeather .orb-copy .globe-day-temperatures strong{font-size:clamp(42px,12cqw,64px)}
 #currentWeather .globe-day-temperatures small{font-size:clamp(10px,2.6cqw,13px)}
 #currentWeather .orb-daily-details{font-size:clamp(9px,2.5cqw,12px);margin:0 0 -4px}
 #currentWeather #globeDayConditionTime{font-size:clamp(9px,2.4cqw,12px)}
 #currentWeather #globeNow{min-height:36px;font-size:clamp(11px,2.9cqw,13px);padding:5px 12px}
 #currentWeather[data-view=day] .orb-main{width:84%;gap:7px}
 html[data-theme] #currentWeather[data-view=day] .orb-copy .orb-condition{font-size:clamp(12px,3.3cqw,16px);max-width:100%}
}