/* Learning order and entry layout: mechanisms first, evidence and interpretation later. */
.atlas-primary-routes{justify-content:flex-start;gap:32px;padding-block:14px}.atlas-primary-routes a{font-size:14px}
#cell .visual{position:relative}.cell-map-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1300px;margin:0 auto;padding:12px 4vw;color:#96b0a5;font:12px/1.6 Arial,sans-serif}.cell-map-tools>div{display:flex;gap:10px}.cell-map-tools button{border:1px solid #55746a;border-radius:8px;background:#10282a;color:#d8d6b6;padding:8px 13px;cursor:pointer;font:12px/1.5 Arial,sans-serif;min-height:36px}#cell-phone-zoom{display:none}
.cell-map-viewport{overflow:hidden}#cellsvg .nodebody{filter:none!important}#cellsvg .map-marker-number{filter:none!important}#cellsvg .photo-hotspot:focus .nodebody{stroke-width:2}#cellsvg.map-labels-hidden .map-system-label,#cellsvg.map-labels-hidden .map-system-label-bg{display:none}
.mobile-system-key{display:none!important}.atlas-counts{max-width:none;margin:25px 0!important}.atlas-counts>p{max-width:100%;font-size:14px!important;line-height:1.8}
@media(max-width:780px){.reading-layout .reader-aside{order:initial;max-width:none}.reader-toc{overflow:visible;flex-wrap:wrap}.componentlayout{display:block}.componentlayout>aside{max-height:none;overflow:visible}.reference-diagram-link img{width:100%;height:auto}.full-description table{display:block;max-width:100%;overflow:auto}}
@media(max-width:760px){
 body>header{height:auto!important;min-height:64px;flex-wrap:wrap;padding:12px 5vw;gap:10px}.atlas-find-link{white-space:nowrap}.atlas-compact-intro h1{font-size:25px}.intro.atlas-compact-intro .lede{font-size:15px;line-height:1.7}.atlas-primary-routes{gap:0;justify-content:space-between;padding:10px 12px}.atlas-primary-routes a{font-size:13px;min-height:44px;display:flex;align-items:center}
 #cell{width:auto;margin-left:calc(-1 * 5vw);margin-right:calc(-1 * 5vw)}#cell>.workspace{display:block;min-height:0;height:auto}#cell .visual{height:auto;min-height:0}.cell-map-tools{padding:10px 5vw}.cell-map-viewport{width:100%;aspect-ratio:1106/1024;max-height:75svh;overflow:auto;touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch}
 #cellsvg{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1106/1024;overflow:hidden}.cell-map-zoomed #cellsvg{width:200%!important;max-width:none!important}#cellsvg .photo-legend-hotspot,#cellsvg .featured-machines-slot,#cellsvg .map-system-label,#cellsvg .map-system-label-bg{display:none}
 #cell-labels-toggle{display:none}#cell-phone-zoom{display:inline-block;min-height:44px}.mobile-system-key{display:grid!important;grid-template-columns:1fr 1fr;gap:6px;padding:14px 5vw;margin:0;background:#0a2023}.mobile-system-key a{display:flex;align-items:center;gap:9px;min-height:48px;padding:5px 8px;border:1px solid #344e46;border-radius:9px;color:#e3d7b5;text-decoration:none;font:12px/1.4 Arial,sans-serif}.mobile-system-key a>span:last-child{margin-left:auto;color:#9ba586}.mobile-system-number{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border:1px solid #b9a56b;border-radius:50%;font:13px/1 Georgia,serif;color:#e8d49c}.mobile-system-key a:focus-visible,.cell-map-tools button:focus-visible{outline:2px solid #dfcd98;outline-offset:2px}
 #cell #details{max-height:none;min-height:0;overflow:visible;padding:25px 6vw}#cell .mapfoot{font-size:12px;padding:14px 5vw;gap:10px}#cell .mapfoot button{margin-left:0}.node-popover.quick-popover{max-height:45svh}
 #network .visual{overflow-x:auto}#netsvg.system-list-network{min-width:850px}.reader-main{padding-inline:5vw}
}
@media(max-width:360px){.mobile-system-key{grid-template-columns:1fr}}

.mobile-system-key .mobile-featured-machines{grid-column:1/-1;justify-content:center;color:#e4d2a0}

@media(max-width:760px){.atlas-primary-routes{flex-direction:row;align-items:center;flex-wrap:nowrap}.atlas-home-link{display:none}}

.reader-reference-details{margin:28px 0;border-top:1px solid #3a554c;padding:18px 0}.reader-reference-details>summary{cursor:pointer;color:#d9c995;font:15px/1.6 Arial,sans-serif}.reader-reference-details>.aquifex-description{margin-top:24px}

/* Preserve the full supplied illustration on every screen. */
#cellsvg{aspect-ratio:1448/1150!important} .cell-map-viewport{aspect-ratio:1448/1150!important;max-height:none!important} #cellsvg .cell-motion{transform-origin:724px 543px} #cellsvg a.node:focus-visible .image-label-target{stroke:#fff;stroke-width:3} #cellsvg .image-label-target{pointer-events:all} #cellsvg .image-point-target{pointer-events:all}

/* Full legend beside the transparent cell, with all article sections retained below. */
#cell .visual{background:#06191d}
.cell-map-stage{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:center;max-width:1700px;margin:0 auto;padding:0 28px}
#cellsvg{height:auto!important;min-height:0!important;aspect-ratio:1448/1086!important;width:100%!important}
.cell-map-viewport{aspect-ratio:1448/1086!important;overflow:hidden}
#photo-key.mobile-system-key{display:block!important;background:transparent;padding:16px 0;margin:0}
#photo-key h2{font:500 13px/1.6 Arial,sans-serif;letter-spacing:1.5px;color:#e4d6ac;margin:0 0 12px}
.atlas-system-legend{display:grid;gap:4px}
#photo-key .atlas-system-legend a{display:flex;align-items:center;gap:11px;min-height:39px;padding:4px 8px;color:#e3d7b5;text-decoration:none;font:13px/1.35 Arial,sans-serif;border:1px solid transparent;border-bottom-color:#b5a46d30;border-radius:0}
#photo-key .atlas-system-legend a:hover,#photo-key .atlas-system-legend a:focus-visible{background:#183330;border-color:#b9a56b}
#photo-key .featured-machines-jump{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:18px;padding:15px 0;background:transparent;border:0;border-top:1px solid #b5a46d66;border-bottom:1px solid #b5a46d66;color:#e4d6ac;cursor:pointer;font:14px/1.5 Georgia,serif;letter-spacing:.5px}
#photo-key .mobile-system-number{display:grid;place-items:center;flex:0 0 26px;height:26px;border:1px solid #b9a56b;border-radius:50%;font:14px Georgia,serif;color:#e8d49c}
#photo-key a>span:last-child{margin-left:auto}
@media(max-width:1000px){.cell-map-stage{grid-template-columns:minmax(0,1fr) 275px;gap:14px;padding:0 18px}#photo-key .atlas-system-legend a{font-size:12px}}
@media(max-width:760px){.cell-map-stage{display:block;padding:0 5vw}.atlas-system-legend{grid-template-columns:1fr 1fr;gap:5px}#photo-key .atlas-system-legend a{min-height:48px;font-size:12px}#photo-key .featured-machines-jump{min-height:48px}.cell-map-viewport{overflow:auto}}
@media(max-width:400px){.atlas-system-legend{grid-template-columns:1fr}}

/* Keep the entire map and legend within the page's reading boundaries. */
#cell{width:100%;margin-left:0;margin-right:0}
#cell .cell-map-stage{width:100%;max-width:none;padding:0;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:center}
#cell .cell-map-viewport,#cell #cellsvg{aspect-ratio:6/5!important}
#cell .cell-map-tools{max-width:none;padding:12px 0}
#cell .mapfoot{max-width:none;padding:13px 0}
@media(max-width:1100px) and (min-width:761px){#cell .cell-map-stage{grid-template-columns:minmax(0,1fr) 260px;gap:16px}#photo-key .atlas-system-legend a{font-size:12px;min-height:35px}}
@media(max-width:760px){#cell{width:100%;margin:0}#cell .cell-map-stage{display:block;padding:0}#cell .cell-map-tools{padding:10px 0}#cell .mapfoot{padding:14px 0}}

/* Rounder cell, with image and hit targets sharing the same coordinate transform. */
#cell .cell-map-viewport,#cell #cellsvg{aspect-ratio:1.1!important}

.cell-map-stage{align-items:start}
#cell .cell-map-stage{align-items:start}

#cellsvg.motion-paused .cell-motion{transform:none!important}
.cell-map-viewport{aspect-ratio:1512/1098!important}

#cellsvg .photo-hotspot:focus,#cellsvg .photo-hotspot:focus-visible{outline:none}
#cellsvg .photo-hotspot:focus .nodebody,#cellsvg .photo-hotspot:focus-visible .nodebody{stroke:none!important}

#cell .cell-map-viewport{margin-top:-20px}

#cellsvg a,#cellsvg a *,#cellsvg .photo-hotspot,#cellsvg .photo-hotspot *,.cell-map-viewport *:focus{outline:none!important;box-shadow:none!important}
#cellsvg .nodebody,#cellsvg .popover-active .nodebody,#cellsvg .photo-hotspot:hover .nodebody{stroke:none!important;filter:none!important}