/* weather-reader: forecast panel + global reading baseline (+18%) */
:root{--rs:calc(var(--xb-reading-scale,1)*1.18)}
/* Keep native forms and legacy thread lists readable as well as portal text. */
body.xb input,body.xb select,body.xb textarea,body.xb button{font-size:calc(15px*var(--rs))}
body.xb .tl th a,body.xb .xst,body.xb .t_f,body.xb .pcb{font-size:calc(18px*var(--rs))}
body.xb .xbm{font-size:calc(16px*var(--rs))}
body.xb .xbm-sub,body.xb .xbm-alert,body.xb .xbm-privacy{font-size:calc(14px*var(--rs))}
#xb-weather-strip-icon{display:inline-flex;align-items:center}
#xb-weather-strip-icon svg{width:30px;height:30px;fill:none;stroke:none}
.xb-daily .xd-wx{font-size:calc(16px*var(--rs));font-weight:600}
.xw-panel{background:linear-gradient(180deg,#eef5fd,#f7f9fc);border-bottom:1px solid #dde4ee;color:#182230;font-size:calc(15px*var(--rs))}
.xw-in{display:flex;align-items:center;gap:14px 28px;padding:12px 0;flex-wrap:wrap}
.xw-now{display:flex;align-items:center;gap:12px;min-width:0;flex:0 1 auto}
.xw-now-icon,.xw-day-icon{display:inline-grid;place-items:center;flex:none}
.xw-now-icon{width:calc(56px*var(--rs));height:calc(56px*var(--rs));border-radius:14px;background:#fdfeff;box-shadow:0 2px 8px rgba(23,105,181,.12)}
.xw-panel .xw-now-icon svg{width:78%;height:78%}
.xw-now-text{display:flex;flex-direction:column;min-width:0;line-height:1.35}
.xw-title{margin:0;font-size:calc(13px*var(--rs));font-weight:600;color:#1769b5;letter-spacing:.04em}
.xw-city{font-size:calc(18px*var(--rs));font-weight:650;color:#124c85}
.xw-summary{font-size:calc(16px*var(--rs));font-weight:500;color:#26314a}
.xw-days{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;flex:1 1 480px;min-width:0}
.xw-days:empty{min-height:calc(78px*var(--rs));border-radius:10px;background:linear-gradient(90deg,#e3ecf7,#f1f6fc,#e3ecf7);background-size:200% 100%;animation:xw-sh 1.4s linear infinite}
@keyframes xw-sh{to{background-position:-200% 0}}
.xw-day{display:grid;justify-items:center;gap:2px;padding:8px 6px;background:#fdfeff;border:1px solid #e1e9f3;border-radius:10px;text-align:center;min-width:0}
.xw-day-name{font-size:calc(14px*var(--rs));color:#526174;font-weight:500}
.xw-day-icon{width:calc(34px*var(--rs));height:calc(34px*var(--rs))}
.xw-panel .xw-day-icon svg{width:100%;height:100%}
.xw-day-temp{font-size:calc(15.5px*var(--rs));font-weight:650;color:#182230;font-variant-numeric:tabular-nums;white-space:nowrap}
.xw-day-desc{font-size:calc(13px*var(--rs));color:#6b7889;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* keep colored SVG: undo inherited monochrome rules */
.xw-panel svg{stroke:none;fill:none;stroke-width:inherit}
.xb-home .xw-panel svg{width:auto;height:auto}
.xb-home .xw-panel .xw-now-icon svg{width:78%;height:78%}
.xb-home .xw-panel .xw-day-icon svg{width:100%;height:100%}
@media(max-width:767px){
 .xw-in{padding:10px 14px;gap:10px}
 .xw-now{width:100%}
 .xw-days{flex-basis:100%;gap:5px}
 .xw-day{padding:6px 2px}
 .xw-day-desc{display:none}
 .xw-day-icon{width:calc(28px*var(--rs));height:calc(28px*var(--rs))}
}
@media(prefers-reduced-motion:reduce){.xw-days:empty{animation:none}}
@media(max-width:480px){
 .xw-days{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .xw-day{padding:8px 5px}
}