.trout-upcoming .trout-weather{margin:12px 0 18px;padding:15px;border:1px solid #c4dfce;border-radius:12px;background:#f0faf3;color:#18392a;font-size:13px;line-height:1.5;min-width:0}
.trout-upcoming .trout-weather__title{display:block;font-size:13px;color:#196a38;margin-bottom:9px}
.trout-upcoming .trout-weather__main{display:flex;align-items:center;gap:10px;margin:8px 0}.trout-upcoming .trout-weather__temperature{font-size:28px;font-weight:800;white-space:nowrap}.trout-upcoming .trout-weather__condition{font-size:12px}
.trout-upcoming .trout-weather__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px;margin:10px 0}.trout-upcoming .trout-weather__metric{font-size:12px}.trout-upcoming .trout-weather__metric span{display:block;color:#456454;font-size:11px}
.trout-upcoming .trout-weather__source{display:block;text-align:right;margin-top:4px;font-size:10px;color:#456454}.trout-upcoming .trout-weather__source a{color:inherit;text-decoration:underline}.trout-upcoming .trout-weather__retry{display:block;background:transparent;border:1px solid #8bae98;color:#196a38;border-radius:6px;padding:4px 10px;margin-top:8px;cursor:pointer;font:inherit}

.trout-upcoming .trout-weather__hours-title{font-size:12px;font-weight:700;color:#196a38;margin:14px 0 8px}
.trout-upcoming .trout-weather__hours{position:relative;display:flex;gap:6px;width:100%;max-width:100%;min-width:0;overflow-x:auto;padding:2px 0 8px;scrollbar-width:thin;scrollbar-color:#91b8a0 transparent;overscroll-behavior-x:contain}
.trout-upcoming .trout-weather__hours:focus-visible{outline:2px solid #168343;outline-offset:3px}
.trout-upcoming .trout-weather__hour{display:flex;flex:0 0 58px;flex-direction:column;align-items:center;gap:4px;padding:8px 3px;border:1px solid #d2e7d9;border-radius:9px;background:#fff;box-sizing:border-box}
.trout-upcoming .trout-weather__hour--start{border-color:#168343;background:#dff5e7}
.trout-upcoming .trout-weather__hour-time{font-size:10px;color:#456454;white-space:nowrap}
.trout-upcoming .trout-weather__hour-icon{font-size:22px;line-height:1.35}
.trout-upcoming .trout-weather__hour-probability{font-size:12px;color:#186339}
.trout-upcoming .trout-weather__hours-caption{font-size:10px;color:#456454;margin-top:3px}

.trout-upcoming .trout-upcoming__footer > .trout-weather{margin:16px 0 0}