/* Sea-only map within the travel tools below the ferry planner. */
.sea-public .sea-crossing-map{margin-block:40px 56px;scroll-margin-top:24px}
.sea-crossing-map .sea-map-heading{margin-bottom:20px}
.sea-crossing-map .sea-map-heading h2{display:flex;align-items:center;gap:10px;margin:8px 0}
.sea-crossing-map .sea-map-heading h2 .icon{width:28px;height:28px}
.sea-crossing-map .sea-map-heading p{max-width:720px;margin:0;color:var(--muted,#536e68)}
.sea-crossing-map .map-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:start}
.sea-crossing-map .map-side{background:white;border:1px solid #d6e1df;border-radius:12px;padding:20px}
.sea-crossing-map .map-side label{display:block;font-weight:500}
.sea-crossing-map .map-side select{width:100%;min-width:0;margin:8px 0 14px;min-height:46px}
.sea-crossing-map .map-side button{display:flex;width:100%;min-height:46px;white-space:normal;margin:0 0 10px}
.sea-crossing-map #network-reset{background:transparent;color:var(--ink,#203e50);border:1px solid #a9c2c6}
.sea-crossing-map #network-caption{font-size:14px;overflow-wrap:anywhere;margin-bottom:0}
.sea-crossing-map #map{height:480px;width:100%;border:1px solid #c6d8d8;border-radius:12px}
.sea-crossing-map .map-layout>div{min-width:0}
.sea-crossing-map #map-notices .notice{padding:12px;overflow-wrap:anywhere}
@media(max-width:799px){.sea-crossing-map .map-layout{grid-template-columns:1fr}.sea-crossing-map #map{height:360px}.sea-public .sea-crossing-map{margin-block:28px 40px}}
@media print{.sea-crossing-map{display:none!important}}

.sea-public .travel-tools .sea-crossing-map{margin-block:0}
@media(min-width:800px){.sea-public .travel-tools-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}}