/* Local-time typography only; existing temperature and weather metrics stay intact. */
#home #weather{container-type:inline-size}
#home #weather .conditions{position:relative}
#home #weather .local-time{position:absolute;right:0;bottom:0;width:59%;min-width:0;padding:0;border:0;text-align:left}
#home #weather .local-time #clock{font-family:Arial,Helvetica,sans-serif;font-size:clamp(32px,9cqw,64px);font-weight:700;line-height:1.06;letter-spacing:-1.2px;font-variant-numeric:tabular-nums;color:var(--appearance-inverse,#fff);white-space:nowrap;margin:4px 0 5px}
#home #weather .local-time .overline{font-size:clamp(12px,2.1cqw,16px);font-weight:700;line-height:1.2;letter-spacing:.13em;margin:0;color:var(--appearance-inverse,#fff)}
#home #weather .local-time #date,#home #weather .local-time #timezone{font-size:clamp(14px,2.9cqw,22px);line-height:1.25;font-weight:400;letter-spacing:0;margin:3px 0 0;color:var(--appearance-inverse,#fff);overflow-wrap:anywhere}
@media(min-width:601px) and (max-width:850px){
 #home #weather .local-time{position:static;width:100%;height:97px}
 #home #weather .local-time #clock{font-size:clamp(28px,8cqw,38px);margin:2px 0;line-height:1.05}
 #home #weather .local-time .overline{font-size:12px}
 #home #weather .local-time #date,#home #weather .local-time #timezone{font-size:clamp(11px,3.2cqw,14px);line-height:1.2;margin-top:2px}
}
@media(min-width:461px) and (max-width:600px){
 #home #weather .local-time{width:50%}
 #home #weather .local-time #clock{font-size:clamp(24px,6cqw,32px);letter-spacing:-.6px;margin:3px 0}
 #home #weather .local-time .overline{font-size:11px}
 #home #weather .local-time #date,#home #weather .local-time #timezone{font-size:clamp(10px,2.6cqw,13px);line-height:1.2;margin-top:2px}
}
@media(max-width:460px){
 #home #weather .conditions{flex-direction:column;align-items:flex-start;gap:14px}
 #home #weather .local-time{position:static;width:100%}
 #home #weather .local-time #clock{font-size:clamp(28px,10cqw,40px);letter-spacing:-.6px;margin:3px 0}
 #home #weather .local-time .overline{font-size:12px}
 #home #weather .local-time #date,#home #weather .local-time #timezone{font-size:14px;line-height:1.25;margin-top:2px}
}
