#map-bathy-legend>.bathy-summary { min-height:44px!important; box-sizing:border-box; }
#map-bathy-legend .cb206-legend { max-width:290px; line-height:1.45; }
.cb206-legend-row { display:flex; gap:10px; margin-bottom:12px; align-items:flex-start; }
.cb206-symbol { font-size:20px; width:25px; flex:none; }
.cb206-legend-row strong,.cb206-legend-row span:not(.cb206-symbol) { display:block; }
.cb206-legend-row strong { font-size:12px; color:#f0fcff; }
.cb206-legend-row div>span { font-size:11px; color:#c6e2e6; margin-top:3px; }
.cb206-note { padding:9px; border-radius:8px; background:#ffffff0d; font-size:11px; }
.cb206-footer { margin-top:12px; display:grid; gap:6px; font-size:10px; color:#a9cbd1; }
.cb206-footer a { color:#9ce8e4; min-height:44px; display:flex; align-items:center; }
@media (max-width:400px) { #map-bathy-legend .cb206-legend { max-width:250px; } }

.cb207-relief-example { margin:10px 0; border:1px solid #ffffff26; border-radius:9px; overflow:hidden; background:#082f43; }
.cb207-relief-example svg { display:block; width:100%; height:96px; }
.cb207-relief-example figcaption { padding:7px 9px; font-size:11px; color:#e0f5f5; }
.cb207-relief-example figcaption small { display:block; margin-top:3px; font-size:9px; color:#abcdd4; }

.cb209-depth-scale { margin:10px 0; padding:9px; border:1px solid #ffffff24; border-radius:9px; }
.cb209-depth-scale strong { display:block; font-size:11px; line-height:1.4; }
.cb209-depth-scale ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 12px; margin:10px 0; padding:0; list-style:none; }
.cb209-depth-scale li { display:flex; align-items:center; gap:8px; font-size:12px; font-variant-numeric:tabular-nums; }
.cb209-depth-swatch { display:block; width:28px; height:15px; flex:none; border-radius:4px; border:1px solid #ffffff55; }
.cb209-depth-scale a { display:flex; align-items:center; min-height:44px; font-size:10px; color:#9ce8e4; }
#cb209DepthLegend>p { font-size:11px; }