.trade-weather{margin:0 0 18px;padding:16px;border:1px solid var(--edge,#ddd5bf);border-radius:10px;background:#fffbf2;color:var(--ink,#34483d)}
.trade-weather-heading,.trade-weather-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.trade-weather-heading{justify-content:space-between}.trade-weather h2{font-size:16px;margin:0}.trade-weather-heading>a{font-size:12px;color:#356b56}
.trade-weather-controls{margin:12px 0;font-size:13px}.trade-weather-controls label{display:flex;align-items:center;gap:5px;margin:0}.trade-weather input{accent-color:#356b56}
.trade-weather-status{font-size:13px;margin:8px 0}.trade-weather[data-state=stale] .trade-weather-status,.trade-weather[data-state=unavailable] .trade-weather-status,.trade-weather[data-state=unconfigured] .trade-weather-status{color:#925215;font-weight:600}
.trade-weather-fetched,.trade-weather-note{font-size:11px;color:#676e62}.trade-weather-note{margin:12px 0 0;line-height:1.7}
.trade-weather-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;margin-top:12px}.trade-weather-legend span:before{content:'';display:inline-block;width:18px;margin-right:5px;vertical-align:middle;border-top:3px solid #607684}.trade-weather-legend .forecast:before{border-top:3px dashed #7047a3}.trade-weather-legend .wind7:before{border-color:#b76b15}.trade-weather-legend .wind10:before{border-color:#b6364c}
.trade-typhoon-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:10px;margin-top:12px}.trade-typhoon-list:empty{margin:0}
.trade-typhoon-card{display:grid;gap:6px;padding:12px;border:1px solid #e1d8c2;border-radius:8px;background:#fffdf7}.trade-typhoon-card>span,.trade-typhoon-card>small{font-size:12px;color:#676e62}.trade-typhoon-card>button{justify-self:start}.trade-typhoon-label{color:#8c2439;font-weight:700}
@media(max-width:580px){.trade-weather{padding:12px}.trade-weather-controls{gap:10px}.trade-typhoon-list{grid-template-columns:minmax(0,1fr)}}