.intro{padding-bottom:22px}.map-compare{position:relative;margin:0;overflow:hidden;border:1px solid #dce1e7;border-radius:4px;touch-action:pan-y;cursor:ew-resize;user-select:none}.map-compare img{display:block;width:100%;height:auto;pointer-events:none}.map-compare .past-map{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.date{position:absolute;top:12px;padding:5px 12px;background:#162738;color:#fff;border-radius:3px;font-size:14px;pointer-events:none}.past{left:12px}.present{right:12px}.divider{position:absolute;left:var(--split);top:0;bottom:0;width:3px;background:white;box-shadow:0 0 3px #162738;transform:translateX(-50%);pointer-events:none}.divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#176476;color:white;font-size:25px;border:2px solid white}.comparison-controls{padding:15px 0 25px}.comparison-controls label{font-weight:bold;margin-top:0}.comparison-controls input{padding:0;accent-color:#176476;cursor:ew-resize;min-height:36px}.range-labels{display:flex;justify-content:space-between;font-size:14px;color:#526171}.comparison-controls .actions{margin-top:18px}.teaching-notes{margin:25px 0 40px}.teaching-notes li{margin:10px 0}@media(max-width:500px){.date{font-size:12px;padding:3px 7px;top:8px}.past{left:8px}.present{right:8px}.comparison-controls button{font-size:14px;padding:10px 12px}}

.viewer-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-bottom:12px}.viewer-toolbar button{font-size:15px}.map-viewer:fullscreen,.map-viewer.expanded{background:#fff;padding:16px;overflow:auto;display:flex;flex-direction:column;align-items:center}.map-viewer.expanded{position:fixed;inset:0;z-index:1000}.map-expanded{overflow:hidden}.map-viewer:fullscreen .viewer-toolbar,.map-viewer.expanded .viewer-toolbar{width:100%;flex-shrink:0}.map-viewer:fullscreen .map-compare,.map-viewer.expanded .map-compare{width:min(100%,calc((100dvh - 235px) * var(--map-ratio, 1.685)));flex-shrink:0}.map-viewer:fullscreen .comparison-controls,.map-viewer.expanded .comparison-controls{width:min(100%,900px);padding-bottom:0}.map-viewer:fullscreen .comparison-controls .actions,.map-viewer.expanded .comparison-controls .actions{margin-top:8px}@media(max-height:500px){.map-viewer:fullscreen .map-compare,.map-viewer.expanded .map-compare{width:min(75%,900px)}.map-viewer:fullscreen,.map-viewer.expanded{display:block}}