.ahangama-forecast-page{max-width:1440px;width:80%;margin:40px auto;color:#163947}
.af-section{margin-bottom:44px}
.af-section>p{max-width:850px;line-height:1.7}
.af-cams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.af-direction-card{max-width:760px;margin:0 auto;background:#fff;border:1px solid #dbe5e7;border-radius:12px;padding:18px}
.af-direction-card h3{margin:0 0 12px;font-size:20px}
.af-direction-map.div-block-29{width:100%;max-width:620px;margin:0 auto;overflow:hidden;border-radius:8px}
#swellarrow,#windarrow{transition:transform .5s ease}
.af-north{position:absolute;top:10px;right:10px;background:white;color:#163947;padding:4px 8px;border-radius:4px}
.af-arrow-layer{position:absolute;inset:0;width:100%;aspect-ratio:1;transform-origin:center;transition:transform .5s ease;pointer-events:none}
.af-arrow-layer img{position:absolute;inset:0;width:100%;height:100%}
.af-map-legend{display:grid;gap:8px;margin:14px auto 0;max-width:620px;font-weight:600;line-height:1.6}
.af-map-legend>span{display:grid;grid-template-columns:12px 52px 1fr;align-items:center;gap:8px}
.af-map-legend i{width:10px;height:10px;border-radius:50%;background:#23656c}
.af-map-legend .af-wind-key{background:#21a66d}
.af-note{font-size:13px;color:#566b74}
.af-cams>.af-cam{position:relative;display:flex;align-items:flex-end;min-width:0;aspect-ratio:4/3;overflow:hidden;border:1px solid #dbe5e7;border-radius:12px;color:#fff;text-decoration:none;background:#333 var(--cam-image) center/cover no-repeat;isolation:isolate}
@media(max-width:767px){.ahangama-forecast-page{width:auto;margin:28px 14px}.af-cams{grid-template-columns:1fr}.af-section{margin-bottom:30px}.af-direction-card{padding:12px}.af-map-legend>span{grid-template-columns:12px 46px 1fr;gap:6px;font-size:13px}}