.trout-competition .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-competition .trout-weather__title{display:block;font-size:13px;color:#196a38;margin-bottom:9px}
.trout-competition .trout-weather__main{display:flex;align-items:center;gap:10px;margin:8px 0}.trout-competition .trout-weather__temperature{font-size:28px;font-weight:800;white-space:nowrap}.trout-competition .trout-weather__condition{font-size:12px}
.trout-competition .trout-weather__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px;margin:10px 0}.trout-competition .trout-weather__metric{font-size:12px}.trout-competition .trout-weather__metric span{display:block;color:#456454;font-size:11px}
.trout-competition .trout-weather__source{display:block;text-align:right;margin-top:4px;font-size:10px;color:#456454}.trout-competition .trout-weather__source a{color:inherit;text-decoration:underline}.trout-competition .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-competition .trout-weather__hours-title{font-size:12px;font-weight:700;color:#196a38;margin:14px 0 8px}
.trout-competition .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-competition .trout-weather__hours:focus-visible{outline:2px solid #168343;outline-offset:3px}
.trout-competition .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-competition .trout-weather__hour--start{border-color:#168343;background:#dff5e7}
.trout-competition .trout-weather__hour-time{font-size:10px;color:#456454;white-space:nowrap}
.trout-competition .trout-weather__hour-icon{font-size:22px;line-height:1.35}
.trout-competition .trout-weather__hour-probability{font-size:12px;color:#186339}
.trout-competition .trout-weather__hours-caption{font-size:10px;color:#456454;margin-top:3px}

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

.trout-competition > .trout-weather{box-sizing:border-box;width:100%;max-width:none;margin:20px 0}
.trout-calendar-module .trout-weather-mini{display:inline-flex;align-items:center;flex:0 0 auto;margin-left:auto;padding-left:4px;font:600 11px/1.2 system-ui,sans-serif;white-space:nowrap;color:inherit}
.trout-calendar-module .trout-weather-mini .trout-weather__body{display:inline-flex;flex-direction:column;gap:2px;align-items:center}
.trout-calendar-module .trout-calendar-module__event>strong{display:flex;align-items:center;flex-wrap:wrap;gap:2px 5px}
.trout-calendar-module .trout-weather-mini__icon{font-size:15px;line-height:1}

.trout-calendar-module .trout-weather-mini__summary{display:inline-flex;gap:3px;align-items:center}
.trout-calendar-module .trout-weather-mini__rain{display:block;font-size:9px;line-height:1.2;font-weight:400;white-space:nowrap}

.trout-weather-svg{display:block;width:100%;height:100%;flex-shrink:0}
.trout-calendar-module .trout-weather-mini__icon{display:inline-flex;width:20px;height:21px;flex:0 0 20px}
.trout-competition .trout-weather__temperature{display:inline-flex;align-items:center;gap:8px}
.trout-competition .trout-weather__main-icon{display:inline-flex;width:38px;height:40px;flex:0 0 38px}
.trout-competition .trout-weather__hour-icon{display:inline-flex;width:28px;height:30px;flex:0 0 30px}

/* Compact full-width forecast; wrap according to the widget's own width. */
.trout-competition > .trout-weather{container-type:inline-size;padding:16px}
.trout-competition .trout-weather__body{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.trout-competition .trout-weather__main{margin:4px 0 12px}
.trout-competition .trout-weather__metrics{margin:0;gap:10px 16px}
.trout-competition .trout-weather__hours-title{margin:16px 0 8px}
.trout-competition .trout-weather__hours{box-sizing:border-box;display:grid;grid-template-columns:repeat(10,minmax(58px,1fr));gap:6px;padding-bottom:4px}
.trout-competition .trout-weather__hour{min-width:0;padding:8px 3px;gap:4px}
.trout-competition .trout-weather__hours-caption{margin-top:5px}
@container (min-width:700px){
 .trout-competition .trout-weather__body{grid-template-columns:minmax(240px,1fr) minmax(0,2fr);column-gap:24px;align-items:center}
 .trout-competition .trout-weather__main{margin:4px 0}
 .trout-competition .trout-weather__metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
 .trout-competition .trout-weather__hours-title,.trout-competition .trout-weather__hours,.trout-competition .trout-weather__hours-caption{grid-column:1/-1}
}
@container (max-width:420px){
 .trout-competition .trout-weather__hours{grid-template-columns:repeat(5,minmax(0,1fr));overflow-x:visible;gap:6px}
 .trout-competition .trout-weather__hour{padding:6px 2px}
}