/* 9.15.7 design: harbours and buoys are small but crisp — dark badge with a white ring, readable on light/dark themes and over colour layers */
html body .harbour-marker.harbour-marker::before,html.atlas-phone .harbour-marker.harbour-marker::before{content:''!important;display:block!important;width:18px!important;height:18px!important;border-radius:6px!important;background:#0b4f7c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='5' r='2.2'/%3E%3Cpath d='M12 7.5V21M7 11h10M4.5 14.5c0 3.6 3.4 6.5 7.5 6.5s7.5-2.9 7.5-6.5'/%3E%3C/svg%3E") center/13px 13px no-repeat!important;border:2px solid #fff!important;box-shadow:0 0 0 1px rgba(0,0,0,.55),0 1px 3px rgba(0,0,0,.45)!important;box-sizing:border-box}
html body .harbour-marker.harbour-marker svg{display:none!important}
html body .buoy-marker.buoy-marker::before,html.atlas-phone .buoy-marker.buoy-marker::before{content:''!important;display:block!important;width:18px!important;height:18px!important;border-radius:50%!important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l5 13H7z' fill='%23ffb000' stroke='%23111' stroke-width='1.6' stroke-linejoin='round'/%3E%3Crect x='5' y='15' width='14' height='4' rx='2' fill='%23ff5a36' stroke='%23111' stroke-width='1.6'/%3E%3Cpath d='M3 21.5c2 0 2-1.2 4.5-1.2S9.5 21.5 12 21.5s2-1.2 4.5-1.2 2 1.2 4.5 1.2' stroke='white' stroke-width='1.6' fill='none'/%3E%3C/svg%3E") center/14px 14px no-repeat!important;border:1.5px solid #10202a!important;box-shadow:0 0 0 1px rgba(255,255,255,.7),0 1px 3px rgba(0,0,0,.45)!important;box-sizing:border-box;flex:none}
html body .buoy-marker.is-stale::before{filter:grayscale(1);opacity:.75}
html body .buoy-marker.buoy-marker b,html.atlas-phone .buoy-marker.buoy-marker b,html.atlas-phone .harbour-marker.harbour-marker .m-dot-value{font:700 10px/1 system-ui,sans-serif!important;color:#fff!important;background:rgba(12,20,26,.78)!important;padding:2px 4px!important;border-radius:4px!important;text-shadow:none!important;white-space:nowrap}
html.atlas-phone .buoy-marker.buoy-marker b,html.atlas-phone .harbour-marker.harbour-marker .m-dot-value{position:absolute;left:32px;top:15px}
html body[data-zoomband="lo"] .harbour-marker.harbour-marker::before,html body[data-zoomband="lo"] .buoy-marker.buoy-marker::before{width:15px!important;height:15px!important;background-size:11px 11px!important}