/* Geographic sea maps: their layout is independent of the Russia city atlas. */
#world-platform .w-maritime{min-width:0;width:100%;color:#173f53}
#world-platform .w-maritime *{box-sizing:border-box}
#world-platform .w-maritime-instruction{font-size:16px;line-height:1.5;margin:0 0 12px}
#world-platform .w-maritime-toolbar,#world-platform .w-maritime-route-tabs,#world-platform .w-maritime-step-nav{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0;align-items:center;min-width:0}
#world-platform .w-maritime .w-btn{max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.3;min-height:44px;font-size:15px}
#world-platform .w-maritime [aria-pressed=true]{background:#fff0c7;border-color:#bd812a;color:#513705}
#world-platform .w-maritime-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.33fr);gap:20px;align-items:start;min-width:0}
#world-platform .w-maritime-map-side,#world-platform .w-maritime-canvas,#world-platform .w-maritime-detail{min-width:0;max-width:100%}
#world-platform .w-maritime-canvas{border:1px solid #bfdce7;border-radius:16px;overflow:hidden;background:#e5f4fa}
#world-platform .w-maritime-canvas svg{display:block;width:100%;height:auto;max-width:100%}
#world-platform .w-maritime-map-label{text-anchor:middle;font-family:Segoe UI,Arial,sans-serif;font-weight:700;fill:#174359;pointer-events:none}
#world-platform [data-maritime-select],#world-platform [data-maritime-area],#world-platform [data-route-map-stop]{cursor:pointer}
#world-platform [data-maritime-select]:focus,#world-platform [data-route-map-stop]:focus{outline:3px solid #1652a2;outline-offset:2px}
#world-platform [data-maritime-area]:hover{filter:brightness(1.05)}
#world-platform .w-maritime-sea-tabs,#world-platform .w-maritime-stops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}
#world-platform .w-maritime-sea-tabs .w-btn,#world-platform .w-maritime-stops .w-btn{text-align:left;display:block;padding:9px 11px}
#world-platform .w-maritime-detail{padding:16px;border-radius:16px;background:#f2f9fb;border:1px solid #d6e7ed;overflow-wrap:anywhere}
#world-platform .w-maritime-detail h3{font-size:23px;line-height:1.25;margin:0 0 12px}
#world-platform .w-maritime-detail p{font-size:16px;line-height:1.5;margin:0 0 12px}
#world-platform .w-maritime-memory{font-weight:700}
#world-platform .w-maritime-detail .w-photo{margin:12px 0 0}
#world-platform .w-maritime-detail img{max-height:180px;object-fit:contain}
#world-platform .w-maritime-detail figcaption{font-size:13px;line-height:1.45;padding:10px}
#world-platform .w-maritime-caption{font-size:14px;line-height:1.4;margin:9px 0;color:#436777}
#world-platform .w-maritime-azov{font-size:15px;line-height:1.5;margin:14px 0}
#world-platform .w-maritime-sources{font-size:13px;line-height:1.5;margin:14px 0 4px;overflow-wrap:anywhere}
#world-platform .w-maritime-sources summary{cursor:pointer;min-height:36px;padding:8px 0}
#world-platform dialog.w-maritime-dialog{width:min(1440px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:18px;overflow:auto}
#world-platform .w-maritime-dialog>.w-dialog-head,#world-platform #w-lesson-map-dialog:has(.w-maritime)>.w-dialog-head{position:sticky;top:-18px;background:#fff;z-index:4;display:flex;flex-direction:row;align-items:start;flex-wrap:wrap;gap:12px;padding:10px 0 12px;margin:0 0 12px;max-width:100%}
#world-platform .w-maritime-dialog>.w-dialog-head h2,#world-platform #w-lesson-map-dialog:has(.w-maritime)>.w-dialog-head h2{font-size:clamp(21px,2.5vw,30px);line-height:1.22;margin:0;min-width:0;flex:1 1 210px;overflow-wrap:anywhere}
#world-platform .w-maritime-dialog>.w-dialog-head .w-btn,#world-platform #w-lesson-map-dialog:has(.w-maritime)>.w-dialog-head .w-btn{font-size:14px;min-height:44px;padding:8px 13px;white-space:normal;margin:0}
#world-platform #w-lesson-map-dialog:has(.w-maritime){width:min(1440px,calc(100vw - 24px));max-width:calc(100vw - 24px);padding:18px;max-height:calc(100dvh - 24px);overflow:auto}
#world-platform #w-lesson-map-dialog:has(.w-maritime) .w-linked-map-content,#world-platform .w-maritime-modal-content{min-width:0;max-width:100%;width:100%}
#world-platform #w-lesson-map-dialog:has(.w-maritime) .w-linked-map-hint{font-size:15px;margin:8px 0 12px}
@media(max-width:1050px){#world-platform .w-maritime-layout{grid-template-columns:minmax(0,1fr)}#world-platform .w-maritime-detail .w-photo{max-width:420px}#world-platform .w-maritime-detail img{max-height:160px}}
@media(max-width:520px){
 #world-platform .w-maritime-instruction{font-size:14px}
 #world-platform .w-maritime-sea-tabs,#world-platform .w-maritime-stops{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 #world-platform .w-maritime .w-btn{font-size:13px;padding:8px 9px}
 #world-platform .w-maritime-step-nav{display:grid;grid-template-columns:1fr 1fr}
 #world-platform .w-maritime-step-nav .w-btn{font-size:13px;min-height:50px}
 #world-platform .w-maritime-detail{padding:12px}
 #world-platform .w-maritime-detail h3{font-size:21px}
 #world-platform .w-maritime-detail p{font-size:15px}
 #world-platform dialog.w-maritime-dialog,#world-platform #w-lesson-map-dialog:has(.w-maritime){width:calc(100vw - 12px);max-width:calc(100vw - 12px);padding:10px;max-height:calc(100dvh - 12px)}
 #world-platform .w-maritime-dialog>.w-dialog-head,#world-platform #w-lesson-map-dialog:has(.w-maritime)>.w-dialog-head{top:-10px;gap:8px}
}