.bhw-panel{margin:18px 0;border:1px solid #c4dce8;border-radius:12px;overflow:hidden;background:#edf7fb}.bhw-panel header{display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between;background:#152b47;color:white;padding:10px 12px}.bhw-panel header strong{font-size:14px}.bhw-panel header span{font-size:10px;color:#e8d39a}.bhw-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:white}.bhw-environment{position:relative;display:flex;gap:10px;padding:14px 12px 34px;background:linear-gradient(#d9edf8,#bce5f5)}.bhw-weather{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:46px;font-size:11px}.bhw-weather img{object-fit:contain;width:44px;height:46px}.bhw-readings{flex:1}.bhw-readings>div{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:6px 0;font-size:12px}.bhw-readings strong{font-size:19px;white-space:nowrap}.bhw-wave{position:absolute;bottom:0;left:0;width:100%;height:24px}.bhw-wind{background:#bce5f5;padding:14px 10px}.bhw-direction{display:flex;justify-content:space-around;gap:6px}.bhw-direction>div{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:76px}.bhw-direction span{font-size:10px;color:#435e74}.bhw-direction img{object-fit:contain;width:44px;height:46px}.bhw-wind p{text-align:center;margin:8px 0 0!important;font-size:12px}.bhw-wind strong{font-size:20px}.bhw-note{font-size:10px!important;line-height:1.6!important;color:#52697e;padding:0 12px;margin:8px 0!important}.bhw-panel details{padding:0 12px 10px;font-size:10px}.bhw-panel details table{font-size:12px}.bhw-panel summary{cursor:pointer}@media(max-width:540px){.bhw-grid{grid-template-columns:1fr}.bhw-environment{padding:8px 12px 30px}.bhw-readings strong{font-size:18px}.bhw-direction>div{min-height:66px}.bhw-wind{padding:8px 10px}.bhw-panel header strong{font-size:14px}}