.forecast-webcams{clear:both;max-width:100%;margin:18px 0;color:#23374d;text-align:left}
.forecast-webcams>h3{margin:0 0 10px;font-size:18px}
.forecast-webcams-row{display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;padding-bottom:8px}
.forecast-webcam{flex:0 0 calc((100% - 24px)/3);min-width:240px;box-sizing:border-box;padding:12px;background:#f1f5f9;border-radius:8px}
.forecast-webcam h4{margin:0 0 10px;font-size:15px}
.forecast-webcam video{display:block;width:100%;aspect-ratio:16/9;background:#18212c}
.forecast-webcam iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#18212c}
.forecast-webcam-image{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#18212c;color:#fff}
.forecast-webcam .forecast-webcam-image[hidden],.forecast-webcam-unavailable[hidden]{display:none}
.forecast-webcam-unavailable{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:#e2e8f0;color:#334155;padding:12px;box-sizing:border-box;text-align:center}
.forecast-webcam button{margin-top:10px;padding:10px 14px;min-height:44px;cursor:pointer}
.forecast-webcam p{margin:8px 0;font-size:13px}
.forecast-webcam a{font-size:13px}