.mobile-catalog>summary{display:none}
.mobile-catalog{display:contents}
.atlas-compact .notice,.atlas-compact .disclaimer,.atlas-compact .intro,.atlas-compact .heading,.atlas-compact .mobile-catalog{display:none!important}
.atlas-compact .workspace,.atlas-compact .layout{display:flex;flex-direction:column}
.atlas-compact .canvas-panel,.atlas-compact .stage-wrap{width:100%}
.atlas-compact [hidden]{display:none!important}
.sex-options{display:flex;gap:4px;background:#edf2ea;padding:3px;border-radius:10px}
.sex-options button{min-height:40px;min-width:64px;border:0;background:transparent}
.sex-options button[aria-pressed=true]{background:#245847;color:white}
.atlas-compact .drawing,.atlas-compact #stage{height:var(--available-stage,65svh)!important;min-height:240px!important;max-height:none!important}
.atlas-export{border:0;border-radius:18px;max-width:560px;width:92vw;padding:16px;color:#245847}
.atlas-export::backdrop{background:#183c3266}
.atlas-export img{display:block;width:100%;max-height:65svh;object-fit:contain}
.atlas-export h2{margin:0 0 12px;font-size:20px}.atlas-export p{font-size:16px;margin:12px 0}.atlas-export button{margin-right:8px}
/* Details already supply the context. Keep the selected diagram in the foreground. */
.atlas-detail-focus>header,.atlas-detail-focus .intro,.atlas-detail-focus .heading,
.atlas-detail-focus .notice,.atlas-detail-focus .disclaimer,.atlas-detail-focus .mobile-catalog,
.atlas-detail-focus .canvas-tools,.atlas-detail-focus .toolbar,.atlas-detail-focus .mobile-special,
.atlas-detail-focus .special-sidebar{display:none!important}
.atlas-detail-focus .workspace,.atlas-detail-focus .layout{display:flex!important;flex-direction:column;gap:12px}
.atlas-detail-focus main{padding:8px!important}
.atlas-detail-focus .canvas-panel,.atlas-detail-focus .stage-wrap{width:100%;min-width:0}
.focus-point-caption{padding:8px 12px;color:#245847;font-size:16px;font-weight:600}
.atlas-detail-focus .drawing,.atlas-detail-focus #stage{height:calc(100svh - 148px)!important;min-height:320px!important;max-height:none!important}
.atlas-detail-focus .drawing svg{height:100%;width:100%}
@media(max-width:760px){
body>header{position:relative!important;min-height:54px!important;padding:10px 12px!important}
main{padding:12px!important} .intro,.heading{display:none!important}
.notice,.disclaimer{margin-bottom:12px;font-size:13px;padding:10px;line-height:1.6}
.workspace,.layout{display:flex!important;flex-direction:column;gap:12px!important}
.workspace>*,.layout>*{width:100%;min-width:0;max-width:100%}
.mobile-catalog{display:block;border:1px solid #dfe6dc;border-radius:12px;background:white;overflow:hidden}
.mobile-catalog>summary{display:block;cursor:pointer;padding:14px;color:#285e4a;font-weight:600;list-style:none}
.mobile-catalog>summary::after{content:' ＋';float:right}.mobile-catalog[open]>summary::after{content:' −'}
.mobile-catalog .sidebar,.mobile-catalog .catalog{border:0;padding:12px;width:100%}
#meridians{display:grid;grid-template-columns:1fr 1fr;gap:4px}
#results,#list{max-height:220px!important;overflow:auto}
.canvas-tools,.toolbar{padding:10px!important;gap:8px;flex-wrap:wrap}
.canvas-tools .tabs{order:3;width:100%;justify-content:space-between}.canvas-tools .tabs button{flex:1;padding:10px 5px}
.canvas-tools label,.toolbar label{font-size:14px}.canvas-tools select{max-width:150px}
.zoom-tools{padding:8px!important;gap:6px}.zoom-tools>span{display:none}
.drawing{height:65svh!important;min-height:360px;max-height:640px!important}
#stage{height:65svh!important;min-height:360px;max-height:640px}
.mobile-special{border-top:1px solid #dfe6dc;background:#f7f9f4;padding:10px}
.mobile-special>summary{cursor:pointer;color:#285e4a;font-size:15px;padding:4px}
.mobile-special .special-sidebar{position:static;width:auto;max-height:190px;display:flex;flex-wrap:wrap;gap:4px;padding:6px 0;border:0;box-shadow:none;background:transparent}
.mobile-special .special-sidebar h3{width:100%;margin:6px 0 2px}
.mobile-special .special-sidebar button{width:auto;min-height:36px;font-size:14px;padding:7px}
.display-settings,.toggles{gap:10px!important;padding:12px!important;font-size:14px}
.details,.detail{padding:18px!important;position:static!important;max-height:none!important}
.details h2,.detail h2{font-size:30px}.canvas-footer{flex-wrap:wrap;gap:5px;font-size:12px}
.toolbar .views{flex:1;justify-content:space-around}.toolbar .views button{padding:9px 7px}
.zoom button{width:40px;height:40px}.drag-hint{font-size:12px;max-width:75%;bottom:12px;left:10px}
footer{flex-wrap:wrap;overflow-wrap:anywhere}input[type=search]{font-size:18px}
}
/* Single row model selection and a vertical display rail. */
.atlas-compact .canvas-tools,.atlas-compact .toolbar{display:flex!important;flex-wrap:nowrap!important;gap:5px!important;overflow-x:auto;padding:8px!important}
.atlas-compact .sex-options{display:flex;flex-shrink:0;gap:3px}.atlas-compact .canvas-tools .tabs,.atlas-compact .toolbar .views{display:flex;order:0;width:auto;flex:1;flex-wrap:nowrap;gap:3px;background:transparent;white-space:nowrap}
.atlas-compact .sex-options button,.atlas-compact .canvas-tools .tabs button,.atlas-compact .toolbar .views button{flex:1;min-width:40px;min-height:44px;white-space:nowrap;font-size:14px;padding:8px 5px!important}
.atlas-compact #zoom-in,.atlas-compact #zoom-out,.atlas-compact .mobile-special,.atlas-compact .special-sidebar{display:none!important}
.atlas-body-reset{margin:8px 12px;min-height:44px}
.atlas-control-rail{position:absolute;left:10px;top:10px;z-index:45;display:flex;flex-direction:column;align-items:flex-start;gap:8px;max-height:calc(100% - 20px);overflow-y:auto;max-width:190px}
.atlas-control-rail>.mode-switch{position:static!important;box-shadow:none;width:max-content}
.atlas-control-rail .display-settings,.atlas-control-rail .toggles{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;padding:8px 10px!important;border:1px solid #dce5d8;border-radius:12px;background:#f5f8f2e8;font-size:14px}
.atlas-control-rail label{display:flex;align-items:center;gap:6px;min-height:32px;white-space:nowrap;font-size:14px}.atlas-control-rail input{margin:0}.atlas-control-rail strong{font-size:14px;margin-bottom:2px}
#stage .stage-tag{display:none}

/* Immersive atlas: canvas fills the viewport, menus remain at the edges. */
body.atlas-fullscreen{height:100dvh;overflow:hidden;background:#f3f5ed}
.atlas-fullscreen>header,.atlas-fullscreen main>footer,.atlas-fullscreen .canvas-footer,.atlas-fullscreen .zoom-tools,.atlas-fullscreen .drag-hint,.atlas-fullscreen .model-scroll-edge{display:none!important}
.atlas-fullscreen main,.atlas-fullscreen .workspace,.atlas-fullscreen .layout,.atlas-fullscreen .canvas-panel,.atlas-fullscreen .stage-wrap{margin:0!important;padding:0!important;width:100%!important;max-width:none!important;border:0!important;border-radius:0!important}
.atlas-fullscreen .drawing,.atlas-fullscreen #stage{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:0!important;max-height:none!important;border:0!important;border-radius:0!important;touch-action:none!important}
.atlas-fullscreen .drawing svg#atlas{height:100%!important;width:100%!important}
.atlas-fullscreen .app-return-bar{position:fixed!important;top:env(safe-area-inset-top,0px)!important;left:8px;right:auto;z-index:110!important;padding:9px 12px!important;border-radius:12px;background:#f7f9f0e8!important;border:0!important}
.atlas-fullscreen .app-return-bar a{font-size:14px!important}
.atlas-side{position:fixed;top:calc(58px + env(safe-area-inset-top,0px));bottom:80px;z-index:100;display:flex;flex-direction:column;gap:8px;align-items:stretch;width:82px;pointer-events:none}
.atlas-side>*{pointer-events:auto}.atlas-side-left{left:8px}.atlas-side-right{right:8px}.atlas-side button,.atlas-side summary{min-height:44px;padding:10px 5px;font-size:14px;line-height:1.4;white-space:normal;text-align:center;border-radius:10px;border:1px solid #dce4d6;background:#f8faf1ed;color:#245847;cursor:pointer}
.atlas-side .mode-switch{position:static!important;display:flex!important;flex-direction:column!important;width:100%;padding:3px;box-sizing:border-box}.atlas-side .mode-switch a{text-align:center;font-size:13px!important;padding:10px 4px!important}
.atlas-side-panel{position:relative}.atlas-side-panel>summary{list-style:none}.atlas-side-panel>summary::-webkit-details-marker{display:none}.atlas-side-panel[open]>summary{background:#245847;color:#fff}
.atlas-side-panel>div,.atlas-side-panel>aside{position:absolute!important;top:0;left:88px;display:flex!important;flex-direction:column!important;gap:7px!important;padding:12px!important;width:190px!important;max-height:calc(100dvh - 210px)!important;overflow:auto;background:#f9fbf5fa!important;border:1px solid #d8e2d3!important;border-radius:12px!important;box-shadow:0 5px 20px #183d3020}
.atlas-side-right .atlas-side-panel>aside,.atlas-side-right .atlas-side-panel>div{left:auto!important;right:88px;width:min(280px,calc(100vw - 110px))!important}
.atlas-fullscreen .atlas-side .canvas-tools,.atlas-fullscreen .atlas-side .toolbar{display:flex!important;flex-wrap:wrap!important}.atlas-side .sex-options,.atlas-side .tabs,.atlas-side .views{display:flex!important;flex-wrap:wrap!important;width:100%!important}.atlas-side label{font-size:15px;min-height:32px;display:flex;align-items:center;gap:6px}.atlas-side .sidebar .search{display:flex}.atlas-side .sidebar #meridians{display:grid;grid-template-columns:1fr 1fr}.atlas-side .catalog{display:block!important}
.atlas-side #zoom-reset,.atlas-side #reset{margin:0}.atlas-side #download{font-size:13px}.atlas-side .sidebar,.atlas-side .catalog{pointer-events:auto}
.atlas-bottom-sheet{position:fixed;bottom:0;left:0;right:0;z-index:150;height:56px;border-radius:20px 20px 0 0;background:#fffefa;box-shadow:0 -4px 24px #163c3222;overflow:hidden;transition:height .22s ease;padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box}
.atlas-bottom-sheet.dragging{transition:none}.atlas-sheet-grip{display:block;height:56px;width:100%;padding:16px 60px 8px 16px;border:0;border-radius:0;background:transparent;text-align:left;font-size:18px;touch-action:none;color:#214d3e}.atlas-sheet-grip:before{content:'';position:absolute;top:6px;left:calc(50% - 20px);height:4px;width:40px;border-radius:4px;background:#c8d2c3}.atlas-sheet-close{position:absolute;right:10px;top:12px;height:36px;border:0;font-size:14px}
.atlas-fullscreen .atlas-bottom-sheet .details,.atlas-fullscreen .atlas-bottom-sheet .detail{height:calc(100% - 56px)!important;max-height:none!important;overflow:auto!important;overscroll-behavior:contain;touch-action:pan-y;padding:18px!important;border:0!important;background:#fffefa}.atlas-bottom-sheet p{font-size:17px;line-height:1.8}
.atlas-bone-ruler{position:absolute!important;inset:0;width:100%;height:100%;z-index:20;pointer-events:none}.atlas-bone-note{position:absolute;top:100%;left:0;width:220px;padding:8px;background:#f8faf0e8;border-radius:8px;font-size:12px;line-height:1.5}.atlas-bone-note[hidden]{display:none}.atlas-side [hidden]{display:none!important}
@media(min-width:900px){.atlas-side{width:100px}.atlas-side-panel>div,.atlas-side-panel>aside{left:108px}.atlas-side-right .atlas-side-panel>aside,.atlas-side-right .atlas-side-panel>div{right:108px}.atlas-bottom-sheet{left:20%;right:20%}}

.atlas-fullscreen .flow-line{animation-duration:10s}
.atlas-bone-note{position:fixed;top:auto;left:8px;bottom:64px;width:250px;max-width:calc(100vw - 16px);font-size:12px}
.atlas-fullscreen .atlas-side .toolbar .views,.atlas-fullscreen .atlas-side .canvas-tools .tabs{display:grid!important;grid-template-columns:1fr 1fr!important;flex:none!important;min-height:96px!important;gap:6px!important;width:100%!important}
.atlas-side-right{width:80px;bottom:80px}.atlas-meridian-quick{display:flex;flex-direction:column;gap:3px;overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;pointer-events:auto}.atlas-meridian-quick button{flex:none;min-height:35px;padding:6px 3px;font-size:15px;background:#f9faf3ed;border-color:#dce4d6}.atlas-meridian-quick button[aria-pressed=true]{color:#fff;background:#31684f;border-color:#31684f}.atlas-side .meridian-clear{font-size:12px;min-height:30px;padding:5px 2px}
.atlas-side:has(.atlas-side-panel[open]){z-index:105}

/* The route-layer styles hide their legacy floating menus on narrow screens.
   These nodes are now first-class left-rail entries, so keep all four visible
   in ArkWeb as well (which does not share Chromium's :has behavior here). */
.atlas-side-left>#collateral-menu,.atlas-side-left>#divergent-menu,.atlas-side-left>#sinew-menu{display:block!important}
.atlas-side-left>#collateral-menu>.collateral-route-list,.atlas-side-left>#divergent-menu>.route-list,.atlas-side-left>#sinew-menu>.sinew-route-list{position:static!important;inset:auto!important;width:100%!important;max-width:100%!important;max-height:none!important;overflow:visible!important;padding:3px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.atlas-side-left>#collateral-menu section,.atlas-side-left>#divergent-menu section,.atlas-side-left>#sinew-menu section{width:100%;min-width:0}
.atlas-side-left>#collateral-menu .collateral-route,.atlas-side-left>#divergent-menu .route,.atlas-side-left>#sinew-menu .sinew-route{width:100%!important;min-width:0!important;padding:6px 3px!important;text-align:center!important;overflow-wrap:anywhere}
.atlas-side-left>#collateral-menu .collateral-route small,.atlas-side-left>#divergent-menu .route small,.atlas-side-left>#sinew-menu .sinew-route small{display:none!important}
.atlas-side-left>#collateral-menu .collateral-submenu,.atlas-side-left>#divergent-menu .route-detail,.atlas-side-left>#sinew-menu .sinew-submenu{display:none!important}
.atlas-side-left>#collateral-menu>.collateral-clear,.atlas-side-left>#divergent-menu>.clear-divergent,.atlas-side-left>#sinew-menu>.sinew-clear{width:100%!important;padding:6px 2px!important;font-size:11px!important}
.atlas-fullscreen .atlas-bottom-sheet .atlas-route-detail{height:calc(100% - 56px);overflow:auto;overscroll-behavior:contain;touch-action:pan-y;padding:18px;box-sizing:border-box;background:#fffefa}.atlas-route-detail h2{margin:0 0 14px;color:#214d3e;font-size:28px}.atlas-route-detail h3{margin:18px 0 6px;color:#214d3e;font-size:18px}.atlas-route-detail p{margin:0 0 12px}

/* One hierarchy for meridians, collaterals, divergents and sinews. */
.atlas-layer-primary{position:static!important;inset:auto!important;width:100%!important;min-width:0!important;max-width:none!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.atlas-layer-primary>summary,.atlas-layer-primary>.atlas-meridian-quick>[data-quick-meridian]{display:block;width:100%;min-height:35px!important;margin:0 0 4px!important;padding:7px 8px!important;border:1px solid rgba(220,228,214,.5)!important;border-radius:10px!important;background:rgba(70,120,95,.3)!important;color:#173f30!important;font-size:14px!important;font-weight:700!important;line-height:1.35!important;text-align:left!important;list-style:none}.atlas-layer-primary>summary::-webkit-details-marker{display:none}.atlas-layer-primary>summary:after{content:'＋';float:right}.atlas-layer-primary[open]>summary:after{content:'－'}.atlas-layer-primary[open]>summary,.atlas-layer-primary>.atlas-meridian-quick>[data-quick-meridian][aria-expanded=true]{background:rgba(49,104,79,.48)!important}.atlas-layer-primary .atlas-meridian-quick{display:flex;position:static!important;width:100%!important;max-height:none!important;overflow:visible!important;gap:3px!important}.atlas-layer-primary .atlas-meridian-points,.atlas-layer-primary .collateral-route-list,.atlas-layer-primary .route-list,.atlas-layer-primary .sinew-route-list{max-height:none!important;overflow:visible!important;padding:3px!important;background:rgba(249,237,209,.35);border-radius:8px}.atlas-layer-primary .atlas-meridian-points button,.atlas-layer-primary .collateral-route,.atlas-layer-primary .route,.atlas-layer-primary .sinew-route,.atlas-layer-primary .meridian-clear,.atlas-layer-primary .collateral-clear,.atlas-layer-primary .clear-divergent,.atlas-layer-primary .sinew-clear{width:100%;min-height:32px;margin:3px 0;padding:6px 8px;border:1px solid rgba(191,161,112,.4)!important;border-radius:8px;background:rgba(255,250,237,.7)!important;color:#665032!important;font-size:13px;text-align:left}.atlas-layer-primary .collateral-route.selected,.atlas-layer-primary .route.selected,.atlas-layer-primary .sinew-route.selected,.atlas-layer-primary .atlas-meridian-points button[aria-pressed=true]{background:rgba(220,183,111,.7)!important;color:#49300c!important;border-color:#b18a45!important}.atlas-layer-primary .collateral-layer-switches,.atlas-layer-primary .layer-switches,.atlas-layer-primary .sinew-layer-switches,.atlas-layer-primary .collateral-note,.atlas-layer-primary .note,.atlas-layer-primary .sinew-note{display:none!important}.atlas-layer-primary .collateral-submenu,.atlas-layer-primary .route-detail,.atlas-layer-primary .sinew-submenu{font-size:12px;background:rgba(255,250,237,.78)}@media(max-width:760px){.atlas-layer-primary>summary{font-size:13px!important}.atlas-layer-primary .collateral-route small,.atlas-layer-primary .sinew-route small{display:none}}

.atlas-meridian-quick button{background:rgba(249,250,243,.58);border-color:rgba(220,228,214,.5)}
.atlas-meridian-quick button[aria-pressed=true]{background:rgba(49,104,79,.48);border-color:rgba(49,104,79,.48);color:#123d2e}
.atlas-meridian-points{display:flex;flex-direction:column;gap:3px;flex:none}.atlas-meridian-points[hidden]{display:none}.atlas-meridian-points button{font-size:13px;min-height:32px;padding:5px 2px}
#labels .label3d{font-size:calc(11px * var(--label-scale,1))}#labels .label3d.selected{font-size:calc(14px * var(--label-scale,1))}

.atlas-meridian-quick>[data-quick-meridian]{background:rgba(70,120,95,.3);font-weight:700;color:#173f30}
.atlas-meridian-group{margin:7px 3px 2px;padding:3px 5px;color:#665032;font-size:12px;font-weight:800;letter-spacing:.08em;border-bottom:1px solid rgba(191,161,112,.45)}
.atlas-meridian-quick>[data-quick-meridian][aria-pressed=true]{background:rgba(49,104,79,.48)}
.atlas-meridian-points{padding:4px 3px;border-radius:8px;background:rgba(249,237,209,.45)}
.atlas-meridian-points button{background:rgba(255,250,237,.7);color:#665032;border-color:rgba(191,161,112,.4);font-weight:400}
.atlas-meridian-points button[aria-pressed=true]{background:rgba(220,183,111,.7);color:#49300c;border-color:#b18a45}

.atlas-side .atlas-direct-sex{display:flex!important;flex-direction:column!important;gap:5px;width:100%}.atlas-direct-sex button{width:100%;min-height:40px}.atlas-fullscreen .toolbar[hidden]{display:none!important}

.atlas-label-leaders{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.atlas-label-leaders line{stroke:#697d65;stroke-width:1;opacity:.65}#labels .label3d{max-width:160px}

/* Shared VI, preserve model controls and viewport geometry. */
body{background:#f8f7f2;color:#243f36;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}button,input,select{font-family:inherit}button{border-radius:14px;border-color:#dce3d8}button:focus-visible{outline:2px solid #806437;outline-offset:2px}button[aria-pressed=true]{border-color:#245847}.atlas-side button{color:#245847}.atlas-meridian-points button{background:rgba(255,254,250,.9)}.atlas-meridian-points button[aria-pressed=true]{background:rgba(220,183,111,.78);color:#49300c}dialog{background:#f8f7f2;color:#243f36;border:1px solid #dce3d8;border-radius:22px}dialog::backdrop{background:#173f3359}

.atlas-fullscreen #labels .label3d.selected{z-index:30!important}.atlas-fullscreen #atlas .point-label.selected{font-weight:700;pointer-events:auto}
.atlas-label-budget-hidden{visibility:hidden!important;pointer-events:none!important}
/* Existing inputs retain their native change bindings within compact groups. */
.atlas-display-group{display:flex;flex-direction:column;gap:7px;margin:0;padding:8px 0 10px;border:0;border-bottom:1px solid #d8e2d3;min-width:0;width:100%;box-sizing:border-box}
.atlas-display-group:last-child{border-bottom:0;padding-bottom:0}
.atlas-display-group legend{padding:0;color:#245847;font-size:12px;font-weight:700}
.atlas-display-group label{display:flex;align-items:center;gap:6px;max-width:100%;line-height:1.4}
.atlas-display-group input{flex:none;margin:0}
/* Keep route selection and its independent clear control reachable on short screens. */
#atlas-route-legend{width:100%;min-width:0;border-bottom:1px solid #d8e2d3;padding-bottom:8px}
.atlas-side-panel>.toggles:has(#atlas-route-legend){flex-wrap:nowrap!important;align-items:stretch!important}
.toggles:has(#atlas-route-legend)>*{flex-shrink:0}
#atlas-route-legend>summary{text-align:left;min-height:36px;padding:7px 9px;font-size:13px;font-weight:700}
.atlas-route-legend-body{max-height:34dvh;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:2px 2px 6px;scrollbar-width:thin}
.atlas-route-legend-body h3{font-size:13px;margin:10px 0 5px;color:#245847}
.atlas-legend-row{display:flex;align-items:center;gap:7px;margin:6px 0;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.atlas-legend-sample{display:inline-block;flex:0 0 25px;border-radius:2px}
.atlas-legend-sample.is-point{flex-basis:7px;width:7px;height:7px!important;border-radius:50%;margin:0 9px}
.atlas-legend-sample.is-pending{height:3px;border:1px dotted #7c8177;background:none}
.atlas-legend-row[data-visible=false] .atlas-legend-sample{opacity:.35}
.atlas-legend-empty,.atlas-legend-note{font-size:12px;line-height:1.5;color:#65715f;margin:4px 0}
.atlas-legend-note{border-top:1px solid #d8e2d3;padding-top:7px}
.atlas-side-left>#collateral-menu>.collateral-route-list,
.atlas-side-left>#divergent-menu>.route-list,
.atlas-side-left>#sinew-menu>.sinew-route-list{
 max-height:max(48px,calc(100dvh - 700px))!important;
 overflow-y:auto!important;
 overscroll-behavior:contain;
 touch-action:pan-y;
 scrollbar-width:thin;
}

/* Keep every left-rail action reachable when the viewport is short. */
@media(max-height:600px){
 .atlas-side-left{bottom:144px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin}
 .atlas-side-left>*{flex-shrink:0}
 .atlas-side-left>.atlas-side-panel>.toggles,
 .atlas-side-left>.atlas-side-panel>.display-settings{
  position:fixed!important;top:60px!important;left:96px!important;z-index:2;background:#f9fbf5!important;
  width:min(190px,calc(100vw - 114px))!important;max-height:calc(100dvh - 132px)!important;
  flex-wrap:nowrap!important;align-items:stretch!important;
 }
 .atlas-side-left .toggles>*,.atlas-side-left .display-settings>*{flex-shrink:0}
}


/* Explanations reuse existing vessel data; the modal does not change atlas state. */
.atlas-vessel-dialog{box-sizing:border-box;width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #d8dfd0;border-radius:16px;background:#fafbf6;color:#244e42;overflow:hidden;box-shadow:0 14px 60px #102d3b44}
.atlas-vessel-dialog::backdrop{background:#102d3b66}
.atlas-vessel-dialog[open]{display:flex;flex-direction:column}
.atlas-vessel-dialog header{display:flex;flex:none;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid #d8dfd0}
.atlas-vessel-dialog h2{font-size:19px;margin:0;line-height:1.5}
.atlas-vessel-dialog header button{flex:none;min-height:40px;padding:7px 12px;color:#244e42;background:white;border:1px solid #c6d2c0;border-radius:8px}
.atlas-vessel-dialog .atlas-vessel-body{padding:4px 18px 20px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;min-height:0;font-size:15px;line-height:1.75}
.atlas-vessel-dialog h3{font-size:16px;margin:16px 0 5px}
.atlas-vessel-dialog p{margin:5px 0;overflow-wrap:anywhere}
.atlas-vessel-dialog ul,.atlas-vessel-dialog ol{padding-left:22px;margin:5px 0}
.atlas-vessel-dialog li{margin:5px 0}

.atlas-vessel-dialog a{color:#175e50;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}