/* style.css */
@font-face{font-family:Manrope;src:url("/fonts/manrope-latin-400-normal.woff2") format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url("/fonts/manrope-latin-500-normal.woff2") format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url("/fonts/manrope-latin-600-normal.woff2") format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url("/fonts/manrope-latin-700-normal.woff2") format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'DM Sans';src:url("/fonts/dm-sans-latin-400-normal.woff2") format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'DM Sans';src:url("/fonts/dm-sans-latin-500-normal.woff2") format('woff2');font-weight:500;font-display:swap}
:root{color-scheme:dark;--bg:#060a0f;--ink:#eaece5;--muted:#84929a;--accent:#c8d9bb;--line:#d6e5e21c;font-family:'DM Sans',sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 52% 43%,#20303c33,transparent 64%),radial-gradient(circle at 16% 26%,#b3cad12b 0 .6px,transparent 1px),radial-gradient(circle at 78% 19%,#b3cad120 0 .7px,transparent 1px),radial-gradient(circle at 86% 63%,#b3cad126 0 .7px,transparent 1px),radial-gradient(circle at 24% 72%,#b3cad11c 0 .7px,transparent 1px);background-size:auto,337px 313px,433px 379px,521px 461px,619px 547px}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;background:none;border:0;cursor:pointer}button,a{transition:color .18s,background .18s,border-color .18s}button:hover,a:hover{color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}[hidden]{display:none!important}button svg{fill:none;stroke:currentColor;stroke-width:1.5}header{position:fixed;z-index:10;left:42px;right:42px;top:28px;display:flex;align-items:center;justify-content:space-between;gap:24px;pointer-events:none}.brand,.top-actions{pointer-events:auto}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:20px;font-weight:600;letter-spacing:5px}.brand-mark{color:var(--accent);font-size:29px;font-weight:400;letter-spacing:0}.brand-sub{font-family:'DM Sans',sans-serif;font-size:10px;font-weight:400;letter-spacing:.5px;color:var(--muted);margin-left:13px;padding-left:24px;border-left:1px solid var(--line)}.top-actions{display:flex;align-items:center;gap:18px}.catalog-count{font-size:10px;color:#7d8e98;letter-spacing:.2px}.search-button{display:flex;align-items:center;gap:10px;border:1px solid #c5d9de28;border-radius:30px;padding:10px 15px;font-size:11px;background:#081017ed;}.search-button:hover{border-color:#c8d9bb60;background:#c8d9bb0a}kbd{font:10px 'DM Sans',sans-serif;color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:0 5px;margin-left:9px}.icon-button{border:1px solid var(--line);width:28px;height:28px;border-radius:50%;font-family:Georgia,serif;font-style:italic;color:#9ba9ae}.scales{position:fixed;z-index:9;left:50%;top:33px;transform:translateX(-50%);display:flex;align-items:center;gap:23px;max-width:54%;white-space:nowrap}.scales button{position:relative;font-size:10px;letter-spacing:.2px;color:#76868f;padding:8px 0}.scales button:hover{color:#c5d1cf}.scales button.active{color:var(--ink)}.scales button:after{content:'';position:absolute;bottom:0;left:50%;width:3px;height:3px;border-radius:50%;background:var(--accent);opacity:0;transform:translateX(-50%)}.scales button.active:after{opacity:1}main{position:fixed;inset:0}#stage{position:absolute;inset:0;overflow:hidden;touch-action:none;isolation:isolate;-webkit-user-select:none;user-select:none}
#stage .scale-object,#stage .scale-object *{-webkit-user-select:none;user-select:none}
#stage img{-webkit-user-drag:none}#objects{position:absolute;inset:0}.scale-object{position:absolute;display:flex;align-items:center;justify-content:center;padding:0;min-width:0;left:0;top:0;isolation:isolate}.scale-object img{object-fit:contain;pointer-events:none}.object-caption{position:absolute;top:calc(100% + 13px);left:50%;transform:translateX(-50%);width:170px;color:#a5b2b9;font-size:10px;line-height:1.6;letter-spacing:.2px;text-align:center;pointer-events:none;text-shadow:0 2px 12px #000}.object-caption small{display:block;color:#6d808c;font-size:9px;margin-top:3px}.scale-object.active .object-caption{color:var(--ink)}.scale-object.active .object-caption:before{content:'·';margin-right:6px;color:var(--accent)}#stageScale{position:absolute;right:44px;bottom:259px;text-align:center;color:#8699a3;font-size:10px;pointer-events:none}#stageScale>span{display:block;width:100px;height:5px;border:1px solid #8b9fa78c;border-top:0;margin-bottom:7px}.intro-panel{position:fixed;left:44px;bottom:170px;z-index:6;width:310px;max-width:calc(100vw - 110px);pointer-events:none}.intro-panel:before{content:'';position:absolute;inset:-45px -65px -35px -44px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 21% 65%,#060a0fe6,transparent 72%)}.selected-info{padding:0;margin:0}.eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--accent);font-weight:400;line-height:1.6}.selected-info>.eyebrow{margin:0 0 12px;text-transform:uppercase;color:#9cabaa;font-size:8px;letter-spacing:1.6px}.selected-info h2{font-family:Manrope,sans-serif;font-size:32px;line-height:1.18;letter-spacing:-1.1px;font-weight:400;overflow-wrap:anywhere;margin:0 0 12px;max-width:310px}.selected-info h2.long-name{font-size:27px}.measurement{font-family:Manrope,sans-serif;font-size:25px;font-weight:400;letter-spacing:-.7px;line-height:1.4;font-variant-numeric:tabular-nums}.measurement #unit{font-family:'DM Sans',sans-serif;font-size:13px;letter-spacing:0;color:var(--accent);margin-left:3px}#measureLabel{font-size:10px;line-height:1.6;color:#7e909b;margin:4px 0 16px;max-width:280px}#intro{display:none}.inspector-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;pointer-events:auto}.text-button{font-size:11px;padding:7px 0;border-bottom:1px solid #a9c0c03b;color:#c6d1ce;line-height:1.6}.text-button:hover{border-color:var(--accent)}.arrow-icon{display:inline-block;width:7px;height:7px;border-right:1px solid currentColor;border-top:1px solid currentColor;position:relative;margin-left:10px}.arrow-icon:after{content:'';position:absolute;width:10px;height:1px;background:currentColor;right:-2px;top:2px;transform:rotate(-45deg)}.scene-tools{position:fixed;z-index:7;right:42px;bottom:172px;display:flex;flex-direction:column;align-items:end;gap:14px}.landmark-button{font-size:10px;color:#8c9eaa;padding:7px 0}.landmark-button span{margin-left:5px;color:var(--accent)}.zoom-controls{display:flex;align-items:center;padding:3px;border:1px solid #c1d6da26;border-radius:26px;background:#081017ed;}.zoom-controls button{width:35px;height:33px;font-size:18px;border-radius:50%;color:#b7c6c9}.zoom-controls button:hover{background:#c8d9bb10;color:var(--ink)}footer{position:fixed;z-index:8;bottom:23px;left:44px;right:44px;pointer-events:none}footer:before{content:'';position:fixed;bottom:0;left:0;right:0;height:155px;background:linear-gradient(0deg,#060a0fe0 0%,#060a0f52 55%,transparent);z-index:-1;pointer-events:none}.journey{display:flex;align-items:center;justify-content:space-between;height:35px;margin-bottom:14px}.journey>button{display:flex;align-items:center;gap:9px;font-size:10px;pointer-events:auto;color:#bbc9c7}#playIcon{width:25px;height:25px;border:1px solid #c8d9bb50;border-radius:50%;display:grid;place-items:center;color:var(--accent);font-size:15px}.hint{position:absolute;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.5px;color:#738792;white-space:nowrap}.hint span{font-size:17px;margin-right:8px;color:#97a8ad}.power{font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.5px;line-height:1}.power sup{font-size:11px;color:var(--accent);margin-left:1px}.power small{font:8px 'DM Sans',sans-serif;letter-spacing:1.6px;color:#718692;margin-left:10px}.timeline{position:relative}.timeline:before{content:'';position:absolute;top:28px;left:0;right:0;height:1px;background:linear-gradient(90deg,#a9bdc51c,#a9bdc54d,#a9bdc51c)}#ticks{height:30px;display:flex;align-items:end;justify-content:space-between;pointer-events:none}.tick{position:relative;width:1px;height:5px;background:#38505e}.tick.major{height:10px;background:#7e949e}.tick b{position:absolute;left:0;bottom:17px;transform:translateX(-50%);font-size:8px;font-weight:400;color:#6d8591;white-space:nowrap}#scale{position:absolute;top:0;left:0;width:100%;height:37px;appearance:none;background:transparent;margin:0;cursor:ew-resize;pointer-events:auto}#scale::-webkit-slider-thumb{appearance:none;width:3px;height:27px;background:var(--accent);border-radius:2px;box-shadow:0 0 15px #c8d9bb38}#scale::-moz-range-thumb{width:3px;height:27px;background:var(--accent);border:0;border-radius:2px}.timeline-labels{display:flex;align-items:center;justify-content:space-between;margin-top:12px;color:#687f8d;font-size:7px;letter-spacing:1.4px}.timeline-labels button{padding:0;font-size:inherit;letter-spacing:inherit;pointer-events:auto}.bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:17px;color:#84929a;font-size:8px;letter-spacing:.3px}.bottom button{font-size:8px;padding:0;color:#718692;pointer-events:auto}#catalogSummary{display:none}dialog{width:min(600px,calc(100vw - 36px));max-height:88dvh;padding:28px 32px;border:1px solid #b3d0d62b;border-radius:16px;background:linear-gradient(135deg,#13212b,#0a121b);color:var(--ink);box-shadow:0 28px 140px #000b}dialog::backdrop{background:#02070bd9;}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1.6px;color:var(--accent);line-height:1.5}.modal-head button,.close{font-size:24px;line-height:1;width:30px;height:30px;border-radius:50%;color:#9eafb3;flex-shrink:0}.modal-head button:hover,.close:hover{background:#bed5ca0d;color:var(--ink)}dialog h2{font-family:Manrope,sans-serif;font-size:30px;font-weight:400;line-height:1.25;letter-spacing:-1px;margin:22px 0}dialog p{font-size:13px;line-height:1.9;color:#aabac0}dialog label{display:block;font-size:10px;color:#91a6af;margin:20px 0 9px}#search,#filter{width:100%;padding:13px 15px;border:1px solid #abc9d12d;border-radius:7px;background:#060e17b3;color:var(--ink);font-size:13px}#filter{font-size:12px}#searchDialog{width:min(780px,calc(100vw - 36px))}#resultCount{font-size:10px;color:#92aba5;margin:19px 0 11px}#results{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:42dvh;overflow-y:auto;padding:3px}.result{display:flex;align-items:center;gap:11px;min-width:0;width:100%;text-align:left;border:1px solid #b0ccd01a;border-radius:7px;padding:10px;background:#a7c5bc03}.result:hover{background:#b0cdc209;border-color:#b6d2bb4d}.result img{width:49px;height:49px;object-fit:contain;flex-shrink:0}.result div{flex:1;min-width:0;font-size:11px;line-height:1.5}.result small{display:block;color:#78929e;font-size:9px;margin-top:4px}.result .result-size{font-size:10px;color:#a6bda8;max-width:76px;text-align:right}.art-open{display:block;width:100%;border-radius:10px;padding:0 0 12px;background:radial-gradient(ellipse,#a5c7bd09,transparent 68%)}.art-open>span{font-size:9px;color:#9cb7aa;border-bottom:1px solid #bed3c32b;padding-bottom:3px}#detailImage{display:block;width:220px;height:220px;margin:12px auto 10px;object-fit:contain}#detailTitle{margin-top:18px}.fact{padding:15px 18px;border-left:1px solid #c8d9bb80;background:#c8d9bb06;font-size:12px;line-height:1.85;color:#c5d2cb}.caution{font-size:10px!important;color:#6f8a99!important;line-height:1.8!important}#source{font-size:11px;color:var(--accent);text-decoration:underline;text-underline-offset:4px}.dialog-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:25px}.solid{background:var(--accent);border-radius:24px;color:#17251c;padding:12px 18px;font-size:11px}.solid:hover{background:#e0ead7;color:#17251c}#artDialog{width:min(1440px,96vw);height:94dvh;max-height:94dvh;padding:20px 24px;overflow:hidden;background:#060b11}#artDialog .modal-head{height:30px}#artLarge{display:block;width:100%;height:calc(100% - 85px);object-fit:contain;margin:6px auto}#artDialog>p{font-size:9px;text-align:center;color:#6e8593;margin:8px 0}#comparison{position:fixed;z-index:12;left:50%;top:92px;transform:translateX(-50%);width:min(480px,calc(100vw - 36px));padding:22px 25px;border:1px solid #bfd5bd3b;border-radius:14px;background:#0d1a24ed;box-shadow:0 24px 100px #0007}#comparison .close{position:absolute;top:10px;right:9px}#comparison>.eyebrow{font-size:8px;padding-right:25px;margin:0 0 12px}#compareNames{font:18px/1.7 Manrope,sans-serif;letter-spacing:-.4px}#compareVisual{display:flex;align-items:end;justify-content:center;gap:25px;height:125px;padding:10px 0;border-bottom:1px solid var(--line);margin:10px 0}#compareVisual img{object-fit:contain}#compareRatio{font-size:12px;line-height:1.8;color:var(--accent)}#comparison small{font-size:9px;line-height:1.6;color:#7c94a1}#error{position:fixed;z-index:20;left:50%;top:40%;transform:translateX(-50%);width:min(450px,90vw);padding:25px;background:#261d1a;border:1px solid #b78a6240;border-radius:10px;color:#ebc9a8;font-size:13px;line-height:1.8}#error button{text-decoration:underline}
@media(max-width:1450px){header{left:32px;right:32px}.brand-sub,.catalog-count{display:none}.scales{gap:20px;max-width:60%}.intro-panel{left:34px;bottom:165px;width:270px}.selected-info h2{font-size:29px}.scene-tools{right:32px;bottom:165px}#stageScale{right:35px;bottom:254px}footer{left:34px;right:34px}}
@media(max-width:1050px){.scales{top:86px;max-width:calc(100vw - 64px);gap:26px}.scales button{font-size:9px}header{top:23px}.intro-panel{width:250px}.selected-info h2{font-size:27px}.selected-info h2.long-name{font-size:24px}}
@media(max-width:650px){header{top:max(17px,env(safe-area-inset-top));left:20px;right:18px;gap:12px}.brand{font-size:17px;letter-spacing:4px;gap:8px}.brand-mark{font-size:25px}.top-actions{gap:11px}.search-button{width:35px;height:35px;padding:8px;justify-content:center;border-color:#bcd1d029}.search-button>span,.search-button kbd{display:none}.icon-button{width:25px;height:25px;font-size:13px}.scales{top:70px;left:20px;right:0;transform:none;max-width:none;gap:21px;padding:0 25px 11px 0;overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(90deg,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent)}.scales::-webkit-scrollbar{display:none}.scales button{font-size:9px;padding:7px 0;flex-shrink:0}.intro-panel{left:21px;bottom:calc(151px + env(safe-area-inset-bottom));width:245px;max-width:calc(100vw - 93px)}.intro-panel:before{inset:-30px -15px -30px -21px;background:radial-gradient(ellipse at 0 80%,#060a0feb,transparent 78%)}.selected-info>.eyebrow{font-size:7px;margin:0 0 8px;letter-spacing:1.3px}.selected-info h2{font-size:25px;line-height:1.18;letter-spacing:-.8px;margin-bottom:8px;max-width:245px}.selected-info h2.long-name{font-size:22px}.measurement{font-size:21px;letter-spacing:-.6px}.measurement #unit{font-size:11px}#measureLabel{font-size:9px;line-height:1.5;margin:3px 0 11px;max-width:220px}.inspector-actions{gap:15px}.text-button{font-size:10px;padding:5px 0;min-height:28px}.arrow-icon{width:6px;height:6px;margin-left:7px}.scene-tools{right:17px;bottom:calc(153px + env(safe-area-inset-bottom));gap:8px}.landmark-button{font-size:8px;width:43px;text-align:center;line-height:1.4;padding:5px 0}.landmark-button span{display:block;margin:5px auto 0}.zoom-controls{flex-direction:column;padding:2px;border-radius:22px}.zoom-controls button{width:32px;height:32px;font-size:17px}#stageScale{right:20px;bottom:calc(350px + env(safe-area-inset-bottom));font-size:8px}#stageScale>span{width:40px;height:4px;margin-bottom:6px}.object-caption{width:112px;font-size:9px;top:calc(100% + 7px)}.object-caption small{font-size:8px;margin-top:2px}footer{left:22px;right:22px;bottom:calc(18px + env(safe-area-inset-bottom))}footer:before{height:145px}.journey{height:28px;margin-bottom:12px}.journey>button{font-size:9px;gap:7px}#playIcon{width:23px;height:23px;font-size:13px}.hint{display:none}.power{font-size:18px}.power sup{font-size:10px}.power small{font-size:6px;margin-left:7px;letter-spacing:1.2px}#ticks{height:26px}.tick{height:4px}.tick.major{height:8px}.tick b{font-size:6px;bottom:15px}.timeline:before{top:24px}#scale{height:32px}#scale::-webkit-slider-thumb{height:23px}#scale::-moz-range-thumb{height:23px}.timeline-labels{font-size:6px;letter-spacing:.6px;margin-top:11px}.bottom{font-size:6px;letter-spacing:0;gap:10px;margin-top:14px}.bottom button{font-size:7px;white-space:nowrap}dialog{padding:20px 21px;border-radius:12px;width:calc(100vw - 28px);max-height:88dvh}.modal-head{font-size:8px;letter-spacing:1.1px}.modal-head button{width:27px;height:27px}dialog h2{font-size:25px;margin:18px 0}dialog p{font-size:12px}#searchDialog{width:calc(100vw - 28px)}#results{grid-template-columns:1fr;max-height:41dvh}.result{padding:9px}.result img{width:45px;height:45px}.result div{font-size:11px}.result .result-size{font-size:9px;max-width:68px}#detailImage{width:190px;height:190px}.fact{font-size:11px;padding:13px 15px}.caution{font-size:9px!important}.dialog-actions{gap:17px}.solid{font-size:10px;padding:11px 15px}#comparison{top:112px;padding:20px;width:calc(100vw - 28px)}#compareNames{font-size:16px}#compareRatio{font-size:11px}#artDialog{padding:15px;width:96vw;height:94dvh}#artDialog>p{font-size:8px}}
@media(max-height:700px) and (min-width:651px){.intro-panel{bottom:144px}.selected-info h2{font-size:25px}.selected-info>.eyebrow{margin-bottom:7px}#measureLabel{margin-bottom:8px}.scene-tools{bottom:145px}#stageScale{bottom:235px}footer{bottom:16px}.journey{margin-bottom:8px}.bottom{margin-top:12px}}
@media(max-height:740px) and (max-width:650px){.intro-panel{bottom:137px}.selected-info h2{font-size:22px}.selected-info>.eyebrow{margin-bottom:5px}.measurement{font-size:19px}.scene-tools{bottom:139px}.zoom-controls button{height:29px}.landmark-button{font-size:7px}#stageScale{display:none}footer{bottom:13px}.bottom{margin-top:11px}.scales{top:63px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

#referenceReadout{font-size:11px;line-height:1.7;color:#c8d9bb;max-width:280px;margin:8px 0 14px}#stageScale{right:44px;top:106px;bottom:auto;padding:12px 16px;border:1px solid #bfd5de24;border-radius:8px;background:#060a0f99}#stageScale small{font-size:12px;color:#d4dedb}#stageScale>span{height:9px;border-color:#d4dedb;margin-bottom:9px}#stage{cursor:grab}#stage.dragging{cursor:grabbing}@media(max-width:650px){#referenceReadout{font-size:9px;max-width:220px;margin:6px 0 10px}#stageScale{display:block;top:115px;right:18px;padding:9px 12px}#stageScale small{font-size:10px}}

#stageScale:before{content:'ÉCHELLE COMMUNE';display:block;font-size:7px;letter-spacing:1.6px;color:#9db0b4;margin-bottom:10px}.scale-object .object-caption{transition:opacity .2s}



body:not(.distance-mode) #stage:after{content:'';position:fixed;top:0;left:0;right:0;height:112px;background:linear-gradient(#060a0fcc,#060a0f40 65%,transparent);z-index:7;pointer-events:none}
@media(max-width:1050px){body:not(.distance-mode) #stage:after{height:195px}#stageScale{top:157px;right:22px;left:22px;bottom:auto;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:0;border:0;border-radius:0;background:none;height:24px;z-index:6}#stageScale:before{content:'Échelle';font-size:8px;letter-spacing:.3px;margin:0}#stageScale>span{height:6px;margin:0}#stageScale small{font-size:10px}.intro-panel:before{inset:-15px -12px -15px -34px;background:linear-gradient(90deg,#060a0ff2,#060a0fe0 75%,transparent)}}
@media(max-width:650px){.selected-info>.eyebrow{display:none}.selected-info h2{font-size:23px;margin:0 0 5px}.selected-info h2.long-name{font-size:21px}.measurement{font-size:20px;line-height:1.2}#measureLabel{font-size:9px;line-height:1.4;margin:4px 0}#referenceReadout{font-size:9px;line-height:1.5;margin:6px 0 7px}.intro-panel:before{inset:-13px -10px -13px -22px}}

#stageScale{z-index:8}

/* A readable hierarchy around the physical scene. */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.no-script{position:fixed;z-index:25;inset:15vh max(20px,15vw);padding:clamp(24px,5vw,64px);background:#0e1b24;border:1px solid #c8d9bb50;border-radius:22px;overflow:auto;font-size:17px;line-height:1.7}.no-script a{display:inline-block;padding:12px 18px;border-radius:24px;background:var(--accent);color:#12231b}
.brand{gap:13px;letter-spacing:0}.brand-name{display:grid;gap:2px;font:500 13px/1.02 Manrope,sans-serif;letter-spacing:2.1px}.brand-name strong{font-size:15px;font-weight:600;letter-spacing:1.4px}.brand-mark{font-size:33px}.brand-sub{font-size:11px;letter-spacing:.1px;max-width:150px;line-height:1.5;margin-left:6px;padding-left:18px}
.discover-link{display:inline-flex;align-items:center;min-height:38px;font-size:12px;color:#c8d9bb;border-bottom:1px solid #c8d9bb40;pointer-events:auto}.discover-link:hover{border-color:#c8d9bb}
.catalog-link{pointer-events:auto;color:#a5b6bd}.catalog-link:hover{text-decoration:underline;text-underline-offset:4px}
@media(min-width:1051px){header{left:40px;right:40px;gap:20px}.top-actions{gap:14px}.catalog-count{font-size:11px}.search-button{font-size:12px}.scales{gap:21px;top:33px}.scales button{font-size:11px}.intro-panel{width:330px}.selected-info h2{font-size:38px;line-height:1.15;max-width:330px}.selected-info h2.long-name{font-size:30px}.measurement{font-size:29px}.measurement #unit{font-size:14px}#measureLabel{font-size:11px}#referenceReadout{font-size:12px;line-height:1.65;max-width:315px}.text-button{font-size:12px;min-height:34px}.object-caption{font-size:11px;line-height:1.45}.object-caption small{font-size:10px}.journey>button{font-size:12px}.hint{font-size:10px}.bottom{font-size:9px;line-height:1.5}.bottom button{font-size:9px}.landmark-button{font-size:11px}}
@media(min-width:1051px) and (max-width:1500px){.brand-sub,.catalog-count{display:none}.scales{gap:19px}.scales button{font-size:10px}}
@media(max-width:1050px){.brand-sub,.catalog-count{display:none}.top-actions{gap:11px}.discover-link{font-size:11px;min-height:31px}.brand-name{font-size:11px;letter-spacing:1.4px}.brand-name strong{font-size:13px;letter-spacing:.9px}.brand-mark{font-size:29px}}
@media(max-width:650px){header{left:18px;right:18px}.brand{gap:8px}.brand-name{font-size:10px;letter-spacing:1.4px}.brand-name strong{font-size:11px;letter-spacing:1px}.brand-mark{font-size:27px}.top-actions{gap:10px}.discover-link{font-size:10px}.bottom{font-size:7px;flex-wrap:wrap;gap:7px 12px}.bottom button{font-size:7px}.catalog-link{margin-left:auto}.selected-info h2{font-size:24px}.inspector-actions{gap:15px}.text-button{min-height:32px}.journey>button{font-size:10px}.timeline-labels{font-size:7px;letter-spacing:.4px}.object-caption{line-height:1.45}.scales button{font-size:10px}}
@media(max-width:360px){header{left:13px;right:13px}.top-actions{gap:7px}.brand-mark{display:none}.discover-link{font-size:9px}.brand-name{font-size:9px}.brand-name strong{font-size:10px}.scales{left:16px}}
@media(min-width:651px) and (max-width:1200px){.search-button{width:38px;height:38px;padding:8px;justify-content:center}.search-button>span,.search-button kbd{display:none}}
/* Keep navigation reachable while the comparison drawer is open. */
#humanHome{position:fixed;right:42px;bottom:218px;pointer-events:auto}
@media(max-width:1050px){.scene-tools{left:18px;right:auto;top:157px;bottom:auto;gap:0}.zoom-controls{flex-direction:row;padding:2px;border-radius:22px;background:#09151eee}.zoom-controls button{width:28px;height:28px;font-size:16px}#stageScale:before{display:none}#stageScale{right:18px;left:150px;gap:8px}#stageScale small{font-size:9px;white-space:nowrap}#humanHome{position:static;transform:none;width:auto;white-space:nowrap;font-size:10px;line-height:1.3;padding:5px 0;color:#bbcfb7;min-height:28px}#humanHome span{display:none}.journey{gap:10px}.journey>.landmark-button{flex-shrink:0}.scene-tools{z-index:9}}
@media(max-width:360px){.scene-tools{left:13px}.zoom-controls button{width:26px}#stageScale{left:136px;right:15px}#stageScale small{font-size:8px}#humanHome{font-size:9px}.journey>button{font-size:9px;gap:6px}}



#name.has-object-date,#detailTitle.has-object-date{display:flex;align-items:baseline;gap:8px}#name .object-heading-name{min-width:0}#detailTitle.has-object-date{flex-wrap:wrap}.object-date{display:inline-block;flex-shrink:0;font:500 11px/1.4 'DM Sans',sans-serif;letter-spacing:0;color:#d0dfbd;border:1px solid #bdd2b530;border-radius:5px;padding:2px 6px;vertical-align:middle;white-space:nowrap}

#historySource{font-size:11px;color:var(--accent);text-decoration:underline;text-underline-offset:4px;margin-left:16px}#historySource[hidden]{display:none}
/* Keep the scene clear; object information opens on hover or click. */
@media(min-width:901px),(min-width:651px) and (min-height:501px){.intro-panel{display:none!important}}
#homeLocation{position:absolute;z-index:6;display:grid;place-items:center;width:32px;height:32px;padding:0;transform:translate(-50%,-50%);background:transparent;border:0;border-radius:50%}#homeLocation[hidden]{display:none!important}#homeLocation i{display:block;width:7px;height:7px;border:1px solid #f1efd9;border-radius:50%;background:#c9ddb7;box-shadow:0 0 0 3px #07111c88,0 0 12px #d8e9c04d}#homeLocation:focus-visible{outline:2px solid #e5c69d;outline-offset:2px}

/* SI reminders stay beside the scale, without opening a panel. */
#stageUnitHint{display:block;max-width:340px;margin:8px 0 0;font:400 10px/1.6 'DM Sans',sans-serif;letter-spacing:0;color:#c4d3bd;text-shadow:0 1px 6px #000}
#stageUnitHint[hidden]{display:none}
.unit-reminder{font-size:12px;line-height:1.7;color:#d3e2c5}
@media(max-width:1050px){body #stageUnitHint{position:absolute;top:19px;left:0;margin:0;width:min(340px,calc(100vw - 32px));max-width:none;font-size:9px;line-height:1.6;text-align:left;white-space:normal}}

.zoom-controls button{position:relative}
.zoom-direction-label{position:absolute;top:calc(100% + 9px);left:50%;transform:translateX(-50%);font:400 8px/1.3 'DM Sans',sans-serif;white-space:nowrap;color:#a8beb6;pointer-events:none}
.zoom-recovery{display:flex;gap:6px;align-items:center}
.zoom-recovery[hidden]{display:none}
.zoom-recovery button{min-height:44px;padding:8px;font-size:11px;line-height:1.4;color:#d5e3c6;text-decoration:underline;text-underline-offset:4px}
@media(max-width:650px),(max-width:900px) and (max-height:500px) and (orientation:landscape){
 body .zoom-direction-label{top:50%;left:auto;right:calc(100% + 10px);transform:translateY(-50%);font-size:9px}
 body .zoom-recovery{position:fixed;bottom:calc(141px + env(safe-area-inset-bottom));left:16px;right:16px;justify-content:space-between;pointer-events:auto;background:#060a0fda;border-radius:8px;padding:0 6px}
 body .zoom-recovery button{font-size:11px}
}
@media(max-width:900px) and (max-height:500px) and (orientation:landscape){body .zoom-recovery{left:auto;right:85px;bottom:62px}}

.zoom-recovery button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;text-decoration:none;min-width:115px;max-width:160px}
.zoom-recovery button:last-child{align-items:flex-end;text-align:right}
.zoom-recovery button>span{text-decoration:underline;text-underline-offset:3px}
.zoom-recovery small{font-size:9px;color:#9db3ac;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:650px),(max-width:900px) and (max-height:500px) and (orientation:landscape){body .zoom-recovery{height:44px}body .zoom-recovery small{font-size:9px}}

.scene-tools>#humanHome{position:static;transform:none;pointer-events:auto;min-height:30px}
@media(max-width:650px),(max-width:900px) and (max-height:500px) and (orientation:landscape){.scene-tools>#humanHome{display:none}}

#guidedZoom{min-height:32px;font-size:10px;color:#c7d9bd}
@media(max-width:650px),(max-width:900px) and (max-height:500px) and (orientation:landscape){body #guidedZoom{position:fixed;left:16px;bottom:calc(188px + env(safe-area-inset-bottom));min-height:32px;font-size:9px;background:#060a0fd9;border-radius:6px;padding:6px 9px}}
@media(max-width:900px) and (max-height:500px) and (orientation:landscape){body #guidedZoom{left:auto;right:85px;bottom:110px}}

@media(max-width:650px),(max-width:900px) and (max-height:500px) and (orientation:landscape){body #guidedZoom{width:max-content;max-width:calc(100vw - 32px);white-space:nowrap}}
/* The Earth callout identifies a tiny true-scale disc; its leader is a position aid. */
.object-caption.solar-reference-caption{height:44px;padding:6px 8px;border:1px solid #87aeb873;border-radius:6px;background:#07111ce8;color:#e2edf2;font-size:10px;line-height:1.3;text-align:center;text-shadow:none}.object-caption.solar-reference-caption small{font-size:9px;line-height:1.3;margin-top:2px}.solar-reference-line{position:absolute;display:block;width:0;border-left:1px solid #aacbd0;pointer-events:none}
.object-caption .solar-layout-note{display:block;margin-top:4px;font-size:8px;line-height:1.4;color:#b8cad2}

/* Isolate layout work without clipping the scale-correct captions. */
.scale-object{contain:layout style}
.timeline-labels button{min-height:28px;display:inline-flex;align-items:center;padding:3px 5px}
.bottom a,.bottom button{min-height:26px;display:inline-flex;align-items:center}
@media(max-width:650px){.timeline-labels button{min-height:26px}}
/* Keep projected object transforms on their own compositor layers. */
.scale-object{will-change:transform}

@media(min-width:1051px){.scene-tools{width:280px}.zoom-recovery{width:280px}.zoom-recovery button{flex:1;min-width:0}.zoom-recovery small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* Keep constant-size caption counter-transforms on separate compositor layers. */
.scale-object .object-caption{will-change:transform;contain:layout style}

/* distances.css */
/* Distances: choose, understand, then explore. All geometry uses one common scale. */
body.distance-mode #stage,
body.distance-mode .intro-panel,
body.distance-mode .scene-tools,
body.distance-mode .scales,
body.distance-mode footer,
body.distance-mode .play-card{display:none!important}
.distance-root[hidden],.distance-root [hidden]{display:none!important}
.distance-mode-switch{position:fixed;z-index:25;top:var(--distance-tabs-top,82px);left:max(24px,calc((100vw - 1040px)/2));right:max(24px,calc((100vw - 1040px)/2));display:flex;align-items:center;gap:16px;min-height:44px;padding:0 12px;border:1px solid #b2c4b72e;border-radius:10px;background:#101413;color:#b6c6bb;font:400 12px/1.5 'DM Sans',sans-serif}
body.distance-mode>.distance-mode-switch{z-index:25}
body.explorer-page:not(.distance-mode)>.distance-mode-switch{left:32px;right:auto;width:max-content;max-width:calc(100vw - 64px)}
.distance-mode-switch>span{color:#8fa89a}
.distance-mode-switch button{font:inherit;min-height:44px;padding:10px 2px;border-bottom:2px solid transparent;color:#b6c6bb}
.distance-mode-switch button[aria-pressed=true]{color:#edf3e8;border-color:#c8d9bb}
body.distance-mode>header{z-index:26;background:#080a09;box-shadow:0 -40px #080a09,0 10px 0 #080a09}
body.distance-mode:before{content:'';position:fixed;inset:0 0 auto;height:var(--distance-content-top,148px);background:#080a09;z-index:19;pointer-events:none}
.distance-root{position:fixed;inset:var(--distance-content-top,148px) 0 0;z-index:5;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-color:#637b6b #080a09;scroll-padding-top:14px;color:#eaece5;background:#080a09;font:400 14px/1.6 'DM Sans',sans-serif}
.distance-workspace{width:min(1040px,100%);margin:auto;padding:4px 24px calc(32px + env(safe-area-inset-bottom))}
.distance-root *, .distance-root *:before,.distance-root *:after{box-sizing:border-box}
.distance-root button,.distance-root select{font:inherit;cursor:pointer}
.distance-root button,.distance-root input,.distance-root select{max-width:100%;min-width:0}
.distance-root button:focus-visible,.distance-root input:focus-visible,.distance-root select:focus-visible,.distance-root summary:focus-visible,.distance-root a:focus-visible,.distance-mode-switch button:focus-visible{outline:2px solid #e9c397;outline-offset:3px}
.distance-root label{display:block;margin:0 0 6px;font-size:12px;line-height:1.5;color:#b9cbbb}
.distance-root select{display:block;width:100%;min-height:46px;padding:10px 34px 10px 12px;border:1px solid #b7cebb55;border-radius:8px;background:#0a100d;color:#edf2e8;font-size:15px;line-height:1.5}
.distance-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-bottom:8px;color:#afc3b5;font-size:12px}
#distance-back-sizes{min-height:44px;padding:8px 0;text-align:left;color:#d6e4c7;font-size:13px;line-height:1.5}
#distance-back-sizes:hover{text-decoration:underline;text-underline-offset:5px}
.distance-origin{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.5;text-align:right}
.distance-origin img{width:24px;height:24px;object-fit:contain;flex:none}
.distance-origin strong{font-weight:400;color:#dbe7d5}
.distance-route-picker{display:grid;grid-template-columns:minmax(110px,auto) minmax(0,460px);align-items:center;gap:16px}
.distance-route-picker>label{margin:0;font-size:14px;color:#d1ddce}
.distance-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:18px 0 12px}
.distance-heading>div{min-width:0}
.distance-heading h1{font:400 clamp(27px,3vw,36px)/1.2 Manrope,sans-serif;letter-spacing:-.7px;margin:0 0 6px;overflow-wrap:anywhere}
#distance-thought{max-width:480px;margin:0;color:#afc3b5;font-size:13px;line-height:1.6}
.distance-magnitude{text-align:right;max-width:380px;flex:0 1 42%}
#distance-total{margin:0 0 5px;color:#d9e9ca;font:400 clamp(24px,2.7vw,33px)/1.3 Manrope,sans-serif;letter-spacing:-.5px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#distance-kind{margin:0;color:#b2c6b8;font-size:12px;line-height:1.6}
.distance-heading>.explore-actions,.distance-heading>.explore-status{display:none!important}
.distance-analogy{margin:0 0 16px;padding:12px 16px;border-left:2px solid #c8d9bb;border-radius:0 8px 8px 0;background:#c8d9bb0c;color:#e1ecd8;font-size:15px;line-height:1.65}
.distance-experience{display:grid;gap:16px}
.distance-flight,.distance-scene-shell,.distance-comparisons,.distance-model{min-width:0;border:1px solid #b0c4b735;border-radius:12px;background:#101613}
.distance-flight{padding:18px 22px;scroll-margin-top:14px}
.distance-selection{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:24px;margin-bottom:14px}
.distance-vessel-field{min-width:0}
.distance-time{min-width:0;text-align:right}
#distance-total-label{margin:0 0 3px;font-size:12px;color:#b9cbbb}
#distance-light-duration{margin:0;font:400 clamp(27px,3.5vw,38px)/1.25 Manrope,sans-serif;letter-spacing:-.7px;color:#edf3e1;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#distance-arrival{margin:4px 0 0;color:#b9cbbb;font-size:12px;line-height:1.5}
.distance-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(165px,auto) 46px;align-items:end;gap:10px}
.distance-reading{min-width:0}
.distance-reading select{min-height:46px;font-size:14px}
#distance-play{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;height:auto;padding:11px 16px;border-radius:8px;background:#d1e3bc;color:#1b2d24;font-size:14px;line-height:1.5}
#distance-play:hover,#distance-play:focus-visible{background:#e4efda;color:#1b2d24}
#distance-play>span:first-child{font-size:18px;line-height:1;flex:none}
#distance-play-text{min-width:0}
#distance-reset{width:46px;min-height:46px;padding:8px;border:1px solid #acc8ba55;border-radius:8px;color:#d1dfca;font-size:23px;line-height:1}
#distance-reset:disabled{opacity:.4;cursor:default}
#distance-speed-label{margin:10px 0 0;color:#b6cab9;font-size:12px;line-height:1.6}
.distance-speed-assumption{margin:8px 0 0;color:#aebfb3;font-size:12px;line-height:1.65}
#distance-lifetime{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;margin-top:4px;padding:10px 0;text-align:left;color:#d6e5be;font-size:13px;line-height:1.5}
#distance-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}
.distance-scene-shell{padding:18px 22px;scroll-margin-top:14px}
.distance-scene-heading{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:6px 20px;color:#c2d2c2;font-size:12px;line-height:1.6}
#distance-scale-context{margin:0;color:#b5c7b9;font-size:12px;line-height:1.6}
.distance-scale-key{display:flex;align-items:center;gap:7px;color:#b7c8be;font-size:12px;line-height:1.6}
.distance-scale-key i{width:12px;height:12px;border:1px dashed #c4d9bb;border-radius:50%;flex:none}
.distance-scene{position:relative;height:254px;margin:2px -4px 0}
.distance-axis{position:absolute;left:12%;width:76%;top:108px;height:1px;background:#a6c8ba66}
.distance-axis:before,.distance-axis:after{content:'';position:absolute;top:-5px;height:11px;width:1px;background:#b0c9ba}
.distance-axis:before{left:0}.distance-axis:after{right:0}
#distance-travelled{position:absolute;inset:0;transform:scaleX(0);transform-origin:left;background:#dbedbc}
/* A readable vehicle icon follows the same fraction as the travelled line. */
#distance-traveler{position:absolute;left:0;top:-14px;width:44px;height:44px;padding:4px;transform:translate(-50%,-100%);border:1px solid #b9d6c54d;border-radius:9px;background:#101613;z-index:3;pointer-events:none}
#distance-traveler img{display:block;width:100%;height:100%;object-fit:contain}
#distance-traveler:after{content:"";position:absolute;left:50%;top:100%;height:12px;width:1px;background:#b9d6c580}
.distance-axis-ticks{position:absolute;inset:20px 0 auto;display:flex;justify-content:space-between;color:#aec3b5;font-size:12px;line-height:1.5}
.distance-axis-ticks i{font-style:normal;transform:translateX(-50%)}
.distance-axis-ticks i:last-child{transform:translateX(50%)}
#distance-scene-progress{position:absolute;top:8px;left:0;right:0;margin:0;color:#dae8c8;font-size:12px;line-height:1.6;font-variant-numeric:tabular-nums}
.distance-root .distance-scrub-label{position:static;display:block;margin:0;font:inherit;color:inherit}
.distance-endpoint{position:absolute;top:108px;width:0;height:0;z-index:2;pointer-events:none}
.distance-endpoint-start{left:12%}.distance-endpoint-end{left:88%}
.distance-body{position:absolute;left:0;top:0;display:block;transform:translate(-50%,-50%);overflow:hidden}
.distance-body img{position:absolute;max-width:none;object-fit:contain}
.distance-marker{position:absolute;left:0;top:0;width:13px;height:13px;border:1px dashed #c6dac3;border-radius:50%;transform:translate(-50%,-50%);background:#101613;z-index:-1}
.distance-marker:after{content:'';position:absolute;left:5px;top:5px;width:1px;height:1px;background:#e2edcd}
.distance-caption{position:absolute;top:43px;width:210px;line-height:1.6}
.distance-endpoint-start .distance-caption{left:-3px}
.distance-endpoint-end .distance-caption{right:-3px;text-align:right}
.distance-caption strong{display:block;color:#e3eddd;font:400 14px/1.5 Manrope,sans-serif}
.distance-caption>span,.distance-caption small{display:block;margin-top:2px;color:#b4c8b8;font-size:12px;line-height:1.5}
/* Add half a thumb at each end, so its centre aligns with both physical endpoints. */
#distance-scrub{position:absolute;top:86px;left:calc(12% - 10px);width:calc(76% + 20px);height:44px;margin:0;padding:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:ew-resize;touch-action:pan-y;z-index:5}
#distance-scrub::-webkit-slider-runnable-track{height:2px;background:transparent}
#distance-scrub::-moz-range-track{height:2px;background:transparent}
#distance-scrub::-webkit-slider-thumb{box-sizing:border-box;appearance:none;-webkit-appearance:none;width:20px;height:20px;margin-top:-9px;border:3px solid #f1f6e8;border-radius:50%;background:#5e785c;box-shadow:0 0 0 3px #101613}
#distance-scrub::-moz-range-thumb{box-sizing:border-box;width:20px;height:20px;border:3px solid #f1f6e8;border-radius:50%;background:#5e785c;box-shadow:0 0 0 3px #101613}
#distance-scrub:focus-visible{outline:2px solid #e9c397;outline-offset:1px;border-radius:7px}
#distance-ruler-label{position:absolute;bottom:0;left:0;right:0;margin:0;text-align:center;color:#c4d9b7;font-size:12px;line-height:1.65}
#distance-scale-note{margin:12px 0 0;color:#afc4b5;font-size:12px;line-height:1.7}
.distance-comparisons,.distance-model{margin-top:16px;overflow-wrap:anywhere}
.distance-comparisons>summary,.distance-model>summary{min-height:48px;padding:12px 18px;color:#d5e4ca;font-size:14px;line-height:1.65;cursor:pointer}
.distance-comparisons[open]>summary,.distance-model[open]>summary{border-bottom:1px solid #b0c4b72b}
.distance-vessels{display:grid;padding:4px 14px 8px;gap:0}
.distance-vessels button{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,.8fr) minmax(80px,.6fr);align-items:center;gap:14px;min-height:58px;padding:12px 10px;border:1px solid transparent;border-bottom-color:#b0c4b725;border-radius:5px;background:transparent;color:#becfc1;text-align:left;font-size:14px;line-height:1.5}
.distance-vessels button:last-child{border-bottom-color:transparent}
.distance-vessels strong{color:#e3edda;font-size:15px;font-weight:500;line-height:1.5;text-align:right;font-variant-numeric:tabular-nums}
.distance-vessels small,.distance-card-speed{color:#b2c9b9;font-size:12px;line-height:1.5;text-align:right}
.distance-vessels button[aria-pressed=true]{border-color:#c8d9bb80;background:#c8d9bb12;color:#f0f5e9}
.distance-vessels button:hover{background:#c8d9bb14;color:#f0f5e9}
.distance-model-content{padding:18px}
.distance-model-intro h2,#distance-model-title{margin:0 0 8px;color:#e2ebd8;font:400 23px/1.35 Manrope,sans-serif;letter-spacing:-.4px}
.distance-model-intro>p:last-child{margin:0;color:#b1c8b7;font-size:12px;line-height:1.6}
.distance-model-result{margin-top:16px;padding-top:16px;border-top:1px solid #b3cdb535}
.distance-model-result>p:first-child{margin:0;color:#c4d5ca;font-size:14px;line-height:1.6}
#distance-model-distance{display:block;margin:5px 0;color:#d9e9c6;font:400 32px/1.3 Manrope,sans-serif;letter-spacing:-.6px;font-variant-numeric:tabular-nums}
#distance-model-text{margin:0 0 8px;color:#b6c9bd;font-size:14px;line-height:1.6}
.distance-model-result>small{display:block;color:#b1c8b7;font-size:12px;line-height:1.6}
.distance-footer{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;margin-top:16px;color:#b3c8ba;font-size:12px}
.distance-footer>button{min-height:44px;padding:10px 0;text-align:left;color:#d0dfbe;font-size:14px;line-height:1.6}
#distance-next{margin-left:auto;text-align:right}
.distance-sources{flex:0 0 100%;min-width:0;font-size:14px;line-height:1.6}
.distance-sources summary{min-height:44px;padding:10px 0;cursor:pointer}
.distance-source-panel{padding:18px;border:1px solid #b7cebb45;border-radius:10px;background:#101613}
.distance-sources p{margin:0 0 14px;color:#b9cbbb;font-size:13px;line-height:1.8}
.distance-sources a{display:block;margin:12px 0;color:#c5dbb4;font-size:12px;line-height:1.6;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.distance-mobile-transport{display:none!important}
@media(max-width:800px){
 .distance-mode-switch{left:16px;right:16px}
 .distance-workspace{padding:0 16px calc(24px + env(safe-area-inset-bottom))}
 .distance-topline{gap:8px;margin-bottom:6px}
 #distance-back-sizes{font-size:12px}
 .distance-origin{gap:6px;font-size:12px}
 .distance-origin img{width:20px;height:20px}
 .distance-route-picker{display:block}
 .distance-route-picker>label{margin-bottom:5px;font-size:12px}
 .distance-heading{display:block;padding:14px 0 10px}
 .distance-heading h1{margin-bottom:5px;font-size:27px}
 #distance-thought{display:none}
 .distance-magnitude{max-width:none;text-align:left}
 #distance-total{font-size:26px;margin-bottom:4px}
 #distance-kind{font-size:12px}
 .distance-analogy{margin-bottom:14px;padding:10px 12px;font-size:14px;line-height:1.65}
 .distance-experience{gap:14px}
 .distance-flight,.distance-scene-shell{padding:15px}
 .distance-selection{grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:12px}
 .distance-time{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}
 .distance-root select{font-size:14px}
 #distance-light-duration{font-size:27px}
 .distance-controls{grid-template-columns:minmax(0,1fr) minmax(112px,auto) 44px;gap:8px}
 .distance-reading select{padding-left:8px;padding-right:24px;font-size:13px}
 #distance-play{padding:10px 11px;font-size:13px}
 #distance-play>span:first-child{font-size:16px}
 #distance-reset{width:44px}
 .distance-scene{height:268px;margin:2px -3px 0}
 .distance-scene-heading{gap:6px 12px}
 .distance-caption{width:135px}
 .distance-caption strong{font-size:13px}
 .distance-caption small{display:none}
 .distance-vessels{padding-inline:8px}
 .distance-vessels button{grid-template-columns:minmax(0,1fr) minmax(100px,1fr);gap:4px 10px;min-height:62px;padding:10px 8px;font-size:13px}
 .distance-vessels strong{font-size:14px;grid-column:2;grid-row:1/3}
 .distance-vessels small,.distance-card-speed{grid-column:1;text-align:left}
 .distance-comparisons>summary,.distance-model>summary{padding:12px 15px;font-size:13px}
 .distance-model-content{padding:15px}
 .distance-model-intro h2,#distance-model-title{font-size:22px}
 #distance-model-distance{font-size:30px}
 .distance-footer{gap:6px 16px}
 .distance-footer>button{font-size:13px}
 #distance-next{max-width:55%}
 .distance-source-panel{padding:15px}
}
@media(max-width:360px){
 .distance-mode-switch{left:12px;right:12px;gap:10px;padding-inline:9px}
 .distance-workspace{padding-inline:12px}
 .distance-origin{max-width:45%;justify-content:flex-end;flex-wrap:wrap;gap:2px 5px}
 .distance-flight,.distance-scene-shell{padding:13px}
 .distance-selection{gap:10px}
 #distance-light-duration{font-size:25px}
 .distance-controls{grid-template-columns:minmax(0,1fr) 44px}
 .distance-reading{grid-column:1/-1}
 #distance-play{grid-column:1}
 .distance-caption{width:110px}
 .distance-axis-ticks i:nth-child(2),.distance-axis-ticks i:nth-child(4){visibility:hidden}
 .distance-vessels button{grid-template-columns:minmax(0,1fr) minmax(92px,1fr)}
}
@media(min-width:651px){body.explorer-page:not(.distance-mode) #stageScale{left:auto;width:max-content;max-width:calc(100vw - 400px)}}
@media(prefers-reduced-motion:reduce){.distance-root *,.distance-mode-switch *{transition:none!important;scroll-behavior:auto!important}}

/* explore-tools.css */
.explore-actions{display:flex;gap:16px;align-items:center;pointer-events:auto;margin-top:7px}.explore-actions button{font-size:11px;line-height:1.6;padding:5px 0;color:#b9cbc5;min-height:28px}.explore-actions button:hover,.explore-actions button[aria-pressed=true]{color:#d6e8be}.explore-status{font-size:9px;line-height:1.4;color:#a9bdaf;min-height:13px;margin:3px 0 0;max-width:290px}.explore-saved-open{position:relative}.explore-saved-open:not([data-count="0"]):after{content:'';position:absolute;right:0;top:0;width:5px;height:5px;border-radius:50%;background:#c8d9bb}#savedDialog{width:min(560px,calc(100vw - 28px))}#savedDialog h2,#shareDialog h2{margin-bottom:12px}.saved-note{color:#9eb1b4;font-size:12px;line-height:1.7}.saved-list{display:flex;flex-direction:column;gap:5px;max-height:48dvh;overflow:auto;margin-top:18px}.saved-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #bad1cf1b;padding:4px 0}.saved-object{display:flex;align-items:center;gap:15px;flex:1;text-align:left;min-width:0;padding:7px}.saved-object img{width:50px;height:50px;object-fit:contain;flex-shrink:0}.saved-object span{font-size:13px;line-height:1.5}.saved-object small{display:block;color:#8ea6ad;font-size:10px;margin-top:3px}.saved-remove{font-size:21px;color:#8ba3a7;width:34px;height:34px;flex-shrink:0}.saved-empty{font-size:13px;line-height:1.8;color:#a1b5b5;padding:12px 0}#shareDialog{width:min(580px,calc(100vw - 28px))}#shareDialog label{display:block;font-size:11px;color:#acc2be;margin:17px 0 7px}#shareUrl{width:100%;padding:12px;border:1px solid #c8d9bb55;border-radius:7px;background:#09141a;color:#dce4da;font-size:12px}#shareDialog .share-select{margin-top:13px}#shareDialog .share-status{font-size:11px;color:#a7c1b3;line-height:1.6}.result-pair{grid-column:1/-1;border-color:#c8d9bb66!important;background:#c8d9bb10!important;min-height:65px}.result-pair>div{flex:1;font-size:13px!important}.result-pair small{display:block;color:#b1c5b3;margin-top:5px}.distance-heading .explore-actions{justify-content:center;margin-top:7px}.distance-heading .explore-status{text-align:center;max-width:none}.explore-actions-in-play{gap:15px;margin:0;padding:0 0 3px;border-bottom:1px solid #bcd2bc19}.explore-actions-in-play+.explore-status{margin:2px 0;min-height:0}.explore-actions-in-play+.explore-status:empty{display:none}.explore-actions-in-play button{font-size:10px;min-height:25px}.explore-actions-in-play .explore-saved-open:not([data-count="0"]):after{right:-5px;top:4px}@media(max-width:650px){.explore-actions{gap:15px;margin-top:4px}.explore-actions button{font-size:10px;min-height:26px}.explore-status{font-size:8px;max-width:240px;min-height:11px}.saved-object span{font-size:12px}.saved-object img{width:43px;height:43px}.saved-list{max-height:45dvh}}

#stage:focus-visible{outline:1px solid #c8d9bb77;outline-offset:-4px}
#desktopSavedOpen{display:grid;place-items:center;width:40px;height:40px;border:1px solid #b1cdc72b;border-radius:50%;font-size:20px;color:#c3d4bd;background:transparent}#desktopSavedOpen:hover{border-color:#c8d9bb88;color:#e0e9d3}#desktopSavedOpen:focus-visible{outline:2px solid #e9c397;outline-offset:3px}#detailDialog>.explore-actions{display:flex!important;flex-wrap:wrap;gap:20px;margin-top:20px;padding-top:12px;border-top:1px solid #b7cebb24}#detailDialog>.explore-actions button{min-height:44px;font-size:12px}#detailDialog>.explore-status{display:block!important;margin-top:7px;max-width:none;font-size:11px;line-height:1.7}body.distance-mode #desktopSavedOpen{display:none}
@media(max-width:650px),(max-width:900px) and (max-height:500px) and (orientation:landscape){body #desktopSavedOpen{display:none}}

/* atlas-thumbs.css */
.atlas-thumb{background-repeat:no-repeat;background-color:transparent;object-fit:contain}.atlas-thumb-pending{background:radial-gradient(ellipse,#bfd4c70d,transparent 68%);object-fit:contain}

/* voyager.css */
.voyager-dialog{box-sizing:border-box;width:min(690px,calc(100vw - 24px));max-height:94dvh;margin:auto;padding:22px 28px 15px;border:1px solid #b8cebc50;border-radius:20px;background:#0c1920;color:#e9eee4;overflow-y:auto;overscroll-behavior:contain;font-family:'DM Sans',sans-serif}.voyager-dialog::backdrop{background:#02080cee}.voyager-dialog button{font-family:inherit;cursor:pointer}.voyager-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:1.5px;color:#a4bbb1}.voyager-close{width:38px;height:38px;border:1px solid #adc6b338;border-radius:50%;background:transparent;color:#c8d6ce;font-size:26px;line-height:1}.voyager-dialog h2{font:400 clamp(26px,4vw,35px)/1.16 Manrope,sans-serif;letter-spacing:-1px;margin:12px 0 10px;color:#eef2e7;outline:none}.voyager-lead{font-size:13px;line-height:1.5;color:#afc4c8;margin:0 0 18px}.voyager-lead strong{font-weight:500;color:#d5e0d5}.voyager-vessels{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.voyager-vessels button{min-height:45px;border:1px solid #b7cdb947;border-radius:10px;background:#a9c4ad08;color:#c4d4cc;font-size:13px;padding:8px}.voyager-vessels button[aria-pressed=true]{background:#c9d9b8;border-color:#c9d9b8;color:#12271b}.voyager-result{margin:20px 0 18px}.voyager-total-label{font-size:9px;letter-spacing:.7px;line-height:1.4;color:#a2b8ae;margin:0 0 5px}.voyager-big-number{font:400 clamp(39px,7vw,57px)/1.08 Manrope,sans-serif!important;letter-spacing:-1.8px;color:#d8e8c8!important;margin:0 0 7px!important}.voyager-lives{font-size:13px;line-height:1.5;color:#c2d0c6;margin:0}.voyager-duration-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#baccc4}.voyager-duration-head output{font-size:15px;color:#eed6af;font-variant-numeric:tabular-nums}.voyager-dialog input[type=range]{display:block;width:100%;height:44px;margin:0;accent-color:#d5dfc2;cursor:pointer;touch-action:pan-y}.voyager-duration-ends{display:flex;justify-content:space-between;font-size:10px;line-height:1.4;color:#90a9af}.voyager-route{margin:21px 0 10px}.voyager-route-ends{display:flex;justify-content:space-between;font-size:11px;color:#c4d4c9;margin-bottom:11px}.voyager-track{height:5px;background:#7c969d40;position:relative;border-left:1px solid #bed0be;border-right:1px solid #bed0be}.voyager-covered{display:block;height:100%;background:#e6c792;max-width:100%}.voyager-projection{font-size:14px;line-height:1.5;color:#e8d6b5;margin:10px 0 12px}.voyager-life-grid{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:3px}.voyager-life-grid span{height:7px;background:linear-gradient(to right,#e6c792 0 var(--cell-covered),transparent var(--cell-covered)),linear-gradient(to right,#65828288 0 var(--cell-total),transparent var(--cell-total));border-radius:1px}.voyager-grid-caption{font-size:10px;line-height:1.4;color:#9fb6b8;margin:7px 0 0}.voyager-explanation{border-top:1px solid #b8cebc25;margin-top:17px;padding-top:11px;color:#9fb7bd;font-size:11px;line-height:1.6}.voyager-explanation summary{cursor:pointer;min-height:28px;color:#b8cbc4;font-size:11px}.voyager-explanation p{font-size:11px;line-height:1.6;margin:7px 0}.voyager-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:7px}.voyager-foot button,.voyager-foot a{font-size:11px;line-height:1.4;color:#bccdbf;text-decoration:underline;text-underline-offset:3px;background:transparent;border:0;padding:10px 0}.voyager-status{font-size:11px;line-height:1.4;color:#ceddc0;margin:6px 0 0}.voyager-status:empty{display:none}.voyager-copy{display:block;font-size:11px;color:#c7d7c4;margin-top:9px}.voyager-copy input{display:block;box-sizing:border-box;width:100%;padding:10px;margin-top:5px;border:1px solid #a8c4b14d;border-radius:7px;background:#071118;color:#d3e1ca}.voyager-dialog [hidden]{display:none!important}.voyager-dialog button:focus-visible,.voyager-dialog a:focus-visible,.voyager-dialog input:focus-visible,.voyager-dialog summary:focus-visible{outline:2px solid #edc59b;outline-offset:3px}
@media(max-width:650px){.voyager-dialog{padding:13px 17px 10px;border-radius:15px;max-height:96dvh}.voyager-head{font-size:8px;letter-spacing:1px}.voyager-close{width:40px;height:40px}.voyager-dialog h2{font-size:26px;margin:8px 0}.voyager-lead{font-size:12px;line-height:1.45;margin-bottom:13px}.voyager-vessels{gap:6px}.voyager-vessels button{font-size:12px;min-height:44px}.voyager-result{margin:15px 0}.voyager-big-number{font-size:43px!important}.voyager-lives{font-size:12px}.voyager-total-label{font-size:8px}.voyager-route{margin-top:17px}.voyager-projection{font-size:13px;margin:9px 0}.voyager-life-grid{gap:3px}.voyager-life-grid span{height:6px}.voyager-grid-caption{font-size:9px}.voyager-explanation{margin-top:12px;padding-top:8px}.voyager-explanation summary{font-size:10px;min-height:25px}.voyager-foot{margin-top:2px}.voyager-foot button,.voyager-foot a{font-size:10px;padding:8px 0}}
@media(max-height:650px) and (min-width:651px){.voyager-dialog{padding-top:12px;padding-bottom:10px}.voyager-dialog h2{margin:5px 0;font-size:27px}.voyager-lead{margin-bottom:10px}.voyager-result{margin:10px 0}.voyager-big-number{font-size:43px!important}.voyager-route{margin-top:12px}.voyager-explanation{margin-top:10px}}

.voyager-assumption{font-size:10px;line-height:1.4;color:#9bb2b7;margin:5px 0 0}@media(max-width:650px){.voyager-assumption{font-size:9px}}

.voyager-vessels button span{display:block;font-size:9px;line-height:1.3;opacity:.8;margin-top:3px}

@media(max-width:650px){.voyager-life-grid{grid-template-columns:repeat(21,minmax(0,1fr))}}

.voyager-foot{flex-wrap:wrap}.voyager-foot [data-voyager-observe]{color:#d8e8c8;font-weight:500}

/* technology.css */
.technology-dialog{width:min(990px,calc(100vw - 28px));max-height:92dvh;padding:26px 34px 24px;border:1px solid #c8d9bb45;border-radius:19px;color:#e4eade;background:radial-gradient(ellipse at 90% 0,#2c4a3c45,transparent 52%),#0b151c;box-shadow:0 24px 120px #000a;overflow-y:auto;overscroll-behavior:contain}.technology-dialog::backdrop{background:#02080ce8}.technology-head{position:sticky;top:-1px;z-index:3;background:#0b151c;padding:4px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#bfd2ac;font-size:10px;letter-spacing:1.7px}.technology-close{padding:0;width:32px;height:32px;border-radius:50%;font-size:26px;color:#b1c4bd}.technology-close:hover{background:#bed4bb15}.technology-dialog h2{font:400 clamp(28px,3.6vw,44px)/1.18 Manrope,sans-serif;letter-spacing:-1.25px;max-width:780px;margin:25px 0 15px;outline:none}.technology-dialog .technology-lead{font-size:14px;line-height:1.75;color:#b5c7ca;max-width:750px;margin:0 0 28px}.technology-section-heading>span{font-size:9px;letter-spacing:1.3px;color:#bdcbad}.technology-dialog h3{font:400 24px/1.35 Manrope,sans-serif;letter-spacing:-.55px;margin:10px 0 16px}.technology-dialog h4{font-size:14px;line-height:1.5;font-weight:500;color:#dce6d6;margin:13px 0 7px}.technology-dialog p{font-size:12px;line-height:1.75;color:#abc1c6}.technology-comparison,.technology-details,.technology-history{margin-top:30px}.technology-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.technology-choices button{display:flex;flex-direction:column;gap:6px;padding:11px 9px;min-width:0;border:1px solid #aac8b22b;border-radius:10px;background:#c8d9bb04;text-align:left;color:#a7bfb4}.technology-choices button>span{font-size:10px;line-height:1.4;color:#bdd1ad}.technology-choices strong{font-size:10px;line-height:1.5;font-weight:400;overflow-wrap:anywhere}.technology-choices button[aria-pressed=true]{border-color:#c8d9bb8a;background:#c8d9bb11;color:#e9eee1}.technology-active{margin-top:18px;border:1px solid #a3bfa92b;border-radius:14px;padding:20px;background:#07101980}.technology-ratio{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.technology-ratio strong{font:400 clamp(23px,3vw,34px)/1.3 Manrope,sans-serif;letter-spacing:-.8px;color:#d2e1bf}.technology-dialog .technology-ratio p{font-size:14px;line-height:1.4;margin:0;color:#dfc49e;font-variant-numeric:tabular-nums}.technology-scale-scene{display:grid;grid-template-columns:1fr 1fr;gap:20px;min-height:205px;align-items:end;margin:23px 0 7px;border-bottom:1px solid #c2d0be27;padding-bottom:13px}.technology-scale-scene figure{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:end;min-width:0;height:100%}.technology-image-slot{height:155px;width:100%;display:flex;align-items:end;justify-content:center}.technology-plate{display:block;position:relative;flex:none}.technology-plate img{position:absolute;object-fit:contain;max-width:none}.technology-scale-scene figcaption{font-size:10px;color:#b0c6ba;text-align:center;line-height:1.65;max-width:230px;min-height:34px;margin-top:17px}.technology-scale-scene[data-common-scale=false]{grid-template-columns:1fr;min-height:205px}.technology-enlarged-figure{padding-top:10px}.technology-dialog .technology-scale-note{font-size:10px;line-height:1.6;margin:13px 0;color:#9aafa8}.technology-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.technology-actions button{padding:10px 13px;min-height:38px;border-radius:21px;border:1px solid #c8d9bb55;font-size:11px;line-height:1.4;color:#d5e1ca;background:#c8d9bb09}.technology-actions button:last-child{background:#c8d9bb;color:#14241a}.technology-dialog .technology-explanation{font-size:12px;line-height:1.75;margin-bottom:8px;max-width:770px}.technology-source{font-size:10px;color:#b9cda9!important;text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:4px 0}.technology-dialog .technology-scope-note{font-size:10px;color:#92a7a2;margin-bottom:0}.technology-details,.technology-history{border-top:1px solid #b4c6b326;padding-top:28px}.technology-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:19px 0 12px}.technology-detail-grid article{padding:14px;border:1px solid #b3c7ad2b;border-radius:12px;background:#c8d9bb03;min-width:0}.technology-detail-grid img{display:block;width:100%;height:72px;object-fit:contain;margin:0 auto 12px}.technology-dialog .technology-detail-number{font:400 24px/1.3 Manrope,sans-serif;color:#e0c399;margin:6px 0}.technology-detail-grid h4{font-size:12px}.technology-detail-grid p{font-size:11px;line-height:1.75}.technology-detail-grid button{font-size:10px;padding:7px 0;color:#bfd0b4;text-decoration:underline;text-underline-offset:3px;text-align:left}.technology-dialog .technology-feature-ratio{padding:13px 16px;border-left:1px solid #dfbf8a88;background:#dfbf8a07;font-size:12px;color:#d3d8c6;margin:18px 0 0}.technology-dialog .technology-detail-image-note{font-size:9px;color:#819b9f;margin:10px 0}.technology-milestones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.technology-milestones article{padding:14px 13px;border-left:1px solid #b0c6a55c;background:#c8d9bb03;min-width:0}.technology-year{font:400 26px/1.3 Manrope,sans-serif;color:#c4d6b4}.technology-milestones h4{font-size:12px}.technology-milestones p{font-size:11px;line-height:1.7}.technology-milestones a{font-size:10px;color:#b9cda9;text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:4px 0}.technology-dialog .technology-history-note{font-size:11px;color:#90a7aa;max-width:740px;margin-top:16px}.technology-footer{margin-top:29px;padding-top:20px;border-top:1px solid #b1c3ac2b}.technology-footer a{font-size:12px;color:#c8d9bb;text-decoration:underline;text-underline-offset:4px}.technology-footer p{font-size:9px;color:#7f979e;margin:13px 0 0;line-height:1.6}.technology-dialog button:focus-visible,.technology-dialog a:focus-visible{outline:2px solid #edc59b;outline-offset:3px}
@media(max-width:650px){.technology-dialog{padding:17px 18px 20px;border-radius:14px}.technology-head{font-size:9px}.technology-dialog h2{font-size:29px;letter-spacing:-.7px;margin:18px 0 13px}.technology-dialog .technology-lead{font-size:12px;line-height:1.75;margin-bottom:22px}.technology-comparison,.technology-details,.technology-history{margin-top:24px}.technology-dialog h3{font-size:21px;line-height:1.3;margin:9px 0 14px}.technology-choices{display:flex;gap:7px;overflow-x:auto;padding:2px 2px 9px;scroll-snap-type:x proximity;scrollbar-width:thin}.technology-choices button{width:126px;min-width:126px;padding:10px;scroll-snap-align:start}.technology-active{padding:14px 12px;margin-top:12px}.technology-ratio{gap:10px;align-items:start;flex-direction:column}.technology-ratio strong{font-size:24px;letter-spacing:-.6px}.technology-dialog .technology-ratio p{font-size:12px}.technology-scale-scene{gap:12px;min-height:170px;margin-top:21px}.technology-image-slot{height:110px}.technology-scale-scene figcaption{font-size:9px;line-height:1.6;margin-top:13px;min-height:43px}.technology-dialog .technology-scale-note{font-size:9px}.technology-actions{gap:7px}.technology-actions button{font-size:10px;min-height:38px;padding:9px 11px}.technology-detail-grid{grid-template-columns:1fr;gap:10px}.technology-detail-grid article{display:grid;grid-template-columns:63px minmax(0,1fr);column-gap:13px;padding:13px}.technology-detail-grid img{grid-row:1/5;width:63px;height:71px;margin-top:10px}.technology-dialog .technology-detail-number{font-size:23px;margin:0}.technology-detail-grid h4{margin:6px 0}.technology-detail-grid p{font-size:10px;margin:0}.technology-detail-grid button{margin-top:5px}.technology-details,.technology-history{padding-top:23px}.technology-milestones{grid-template-columns:1fr;gap:10px;margin-top:14px}.technology-milestones article{padding:12px 14px}.technology-year{font-size:24px}.technology-milestones h4{margin:8px 0}.technology-milestones p{margin:5px 0}.technology-dialog .technology-feature-ratio{font-size:11px;padding:12px}.technology-dialog .technology-explanation{font-size:11px}.technology-footer{margin-top:23px}.technology-footer a{font-size:11px}}
@media(prefers-reduced-motion:reduce){.technology-dialog *{scroll-behavior:auto!important}}
.technology-dialog .technology-metric{font:400 21px/1.35 Manrope,sans-serif;letter-spacing:-.4px;color:#ddc49c;margin:10px 0}.technology-kind{display:inline-block;font-size:8px;line-height:1.4;letter-spacing:.6px;text-transform:uppercase;color:#9fbba9;padding:4px 6px;border:1px solid #bdd2b52b;border-radius:5px;margin:2px 0 4px}

.technology-progress-proof{grid-column:1/-1;padding:22px;border:1px solid #c8d9bb50;border-radius:12px;background:linear-gradient(120deg,#263b2b55,#121f2755)}.technology-progress-proof>span{font-size:10px;letter-spacing:2px;color:#c5d3b5}.technology-progress-proof>strong{display:block;font:400 clamp(25px,4vw,42px)/1.35 Manrope,sans-serif;letter-spacing:-1px;color:#e0e9d4;margin:10px 0}.technology-dialog .technology-progress-proof p{max-width:700px;color:#b6c7c3;font-size:12px;margin-bottom:0}@media(max-width:650px){.technology-progress-proof{padding:16px}.technology-progress-proof>strong{font-size:25px;letter-spacing:-.7px}.technology-dialog .technology-progress-proof p{font-size:11px}}

/* mobile.css */
/* A separate phone composition; desktop rules and controls stay in place. */
.mobile-only{display:none}.mobile-dialog:not([open]){display:none}
@media(max-width:650px),(max-width:900px) and (max-height:500px) and (orientation:landscape){
  .mobile-only{display:flex}.mobile-only[hidden]{display:none!important}
  body header{top:calc(env(safe-area-inset-top) + 8px);left:12px;right:12px;height:44px;gap:10px;z-index:20;align-items:center}
  body .brand{gap:7px;min-width:0}.brand .brand-mark{display:block;font-size:26px;line-height:1}.brand .brand-name{font-size:10px;line-height:1.1;letter-spacing:1.5px;gap:2px}.brand .brand-name strong{font-size:12px;letter-spacing:1px}
  body header .brand-sub,body header .catalog-count,body header .discover-link,body header #aboutOpen{display:none!important}
  body header .top-actions{gap:5px;margin-left:auto;flex-shrink:0}
  body #searchOpen,body .mobile-menu-open{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #abc7bc32;border-radius:50%;background:#09151cf5;color:#dbe4d8}
  body #searchOpen>span,body #searchOpen kbd{display:none}.mobile-menu-open{font:500 26px/1 Manrope,sans-serif;letter-spacing:1px;padding-bottom:10px!important}
  body .scales{display:none!important}
  body .distance-mode-switch{top:calc(env(safe-area-inset-top) + 56px);left:16px;right:auto;height:44px;gap:12px;z-index:18;font-size:12px;letter-spacing:0}
  body .distance-mode-switch button{min-height:44px;padding:7px 0;font-size:12px;white-space:nowrap}
  .mobile-chapter-bar{position:fixed;top:calc(env(safe-area-inset-top) + 56px);left:auto;right:12px;width:140px;z-index:17;gap:8px;height:44px}
  .mobile-chapter-bar button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:7px 12px;border:1px solid #b7ceba30;border-radius:9px;background:#0b1922;color:#cbd9ca;font-size:12px;line-height:1.4;min-width:0}
  .mobile-chapter-open{flex:1;justify-content:space-between!important}.mobile-chapter-open>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-chevron{width:6px;height:6px;border-right:1px solid #9cb7a7;border-bottom:1px solid #9cb7a7;transform:rotate(45deg);margin-top:-3px;flex:none}.mobile-chapter-bar .mobile-creations-open{display:none!important}
  body:not(.distance-mode) #stage:after{height:calc(env(safe-area-inset-top) + 126px);background:linear-gradient(#060a0fcc 45%,#060a0f40 80%,transparent)}
  body #stageScale{display:flex;top:calc(env(safe-area-inset-top) + 102px);left:16px;right:auto;bottom:auto;height:15px;padding:0;gap:8px;border:0;border-radius:0;background:none;z-index:8;justify-content:flex-start}
  body #stageScale:before{display:none}body #stageScale>span{height:5px;margin:0;flex:none}body #stageScale small{font-size:9px;line-height:1.3;white-space:nowrap;color:#afc4bf}
  body .intro-panel{left:12px;right:12px;bottom:calc(78px + env(safe-area-inset-bottom));width:auto;max-width:none;padding:9px 12px;border:1px solid #abc7b834;border-radius:12px;background:#0b1822;box-shadow:0 8px 25px #0003;z-index:12}
  body .intro-panel:before{display:none!important}
  body .intro-panel .selected-info{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'name value' 'measure actions';gap:3px 10px;align-items:center}
  body .intro-panel #category,body .intro-panel #intro,body .intro-panel #referenceReadout,body .explore-actions,body .explore-status{display:none!important}
  body .intro-panel #name,body .intro-panel #name.long-name{grid-area:name;font:400 20px/1.25 Manrope,sans-serif;letter-spacing:-.5px;max-width:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}
  body .intro-panel .measurement{grid-area:value;font:400 18px/1.3 Manrope,sans-serif;letter-spacing:-.35px;white-space:nowrap;margin:0;max-width:48vw;overflow:hidden;text-overflow:ellipsis;text-align:right}
  body .intro-panel .measurement #unit{font:400 10px/1.3 'DM Sans',sans-serif;letter-spacing:0;margin-left:2px}
  body .intro-panel #measureLabel{grid-area:measure;font-size:10px;line-height:1.4;color:#a5bdc4;margin:0;max-width:none;min-width:0;max-height:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body .intro-panel .inspector-actions{grid-area:actions;gap:9px;justify-content:flex-end;flex-wrap:nowrap;margin:0;min-width:0}
  body .intro-panel .inspector-actions button{font-size:12px;line-height:1.3;min-height:44px;min-width:48px;max-width:106px;padding:9px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body .intro-panel .inspector-actions .arrow-icon{display:none}
  body .scene-tools{left:auto;right:12px;top:var(--mobile-zoom-top,40%);bottom:auto;z-index:14;gap:0}
  body .zoom-controls{flex-direction:column;padding:0;border:1px solid #abc7b732;border-radius:23px;background:#0b1922}
  body .zoom-controls button{width:42px;height:44px;min-height:44px;font-size:19px;border-radius:0}
  body #fullscreen{display:none!important}
  body footer{display:block;left:0;right:0;bottom:0;height:calc(70px + env(safe-area-inset-bottom));padding:7px 16px calc(8px + env(safe-area-inset-bottom));margin:0;z-index:16}
  body footer:before{position:absolute;inset:0;height:auto;background:#071019;border-top:1px solid #b5cbb523;z-index:-1}
  body footer .journey,body footer .bottom{display:none!important}
  body footer #ticks{height:25px}body footer .tick{height:4px}body footer .tick.major{height:8px}body footer .tick b{font-size:6px;bottom:14px}
  body footer .timeline:before{top:24px}body footer #scale{height:33px;top:0}body footer #scale::-webkit-slider-thumb{height:24px}body footer #scale::-moz-range-thumb{height:24px}
  body footer .timeline-labels{margin-top:6px;font-size:8px;line-height:1.5;letter-spacing:.2px;gap:8px;height:20px;align-items:center}
  body footer .timeline-labels button{padding:4px 0;min-height:22px;white-space:nowrap;font-size:8px}
  body .play-card.play-collapsed{display:none!important}
  body .play-card:not(.play-collapsed){left:12px;right:12px;width:auto;max-width:none;top:auto;bottom:calc(78px + env(safe-area-inset-bottom));transform:none;z-index:18}
  body .play-card:not(.play-collapsed) .play-panel{max-height:min(260px,calc(100dvh - 250px - env(safe-area-inset-top) - env(safe-area-inset-bottom)))!important;border-radius:12px;background:#0c1a24;padding:0 14px 13px}
  body.play-open:not(.distance-mode) .intro-panel{visibility:hidden}
  body .mobile-dialog{width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 30px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:16px;border-radius:16px;background:#0c1a23;box-shadow:0 22px 95px #0009;overflow-y:auto;overscroll-behavior:contain;border:1px solid #c4d8bc46}
  body .mobile-dialog::backdrop{background:#02070ce8}
  .mobile-dialog-head{display:flex;align-items:center;gap:14px;justify-content:space-between;position:sticky;top:-16px;background:#0c1a23;padding:6px 0 12px;z-index:1}
  .mobile-dialog .mobile-dialog-head h2{font:400 21px/1.3 Manrope,sans-serif;letter-spacing:-.5px;margin:0}
  .mobile-dialog-head button{font-size:25px;width:44px;height:44px;min-height:44px;flex:none;padding:0;border-radius:50%;color:#b9cdc1}
  .mobile-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .mobile-menu-item{display:flex;align-items:center;gap:10px;min-height:60px;padding:11px 9px;border:1px solid #adc8b82d;border-radius:9px;background:#b6d1b305;text-align:left;color:#d1dfcf;font-size:11px;line-height:1.5;min-width:0}
  .mobile-menu-icon{display:flex;align-items:center;justify-content:center;width:22px;flex:none;color:#d1dfbb;font-size:18px}
  .mobile-menu-item:disabled{opacity:.4}
  .mobile-chapter-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .mobile-chapter-item{min-height:52px;padding:12px;border:1px solid #b7ceba30;border-radius:9px;text-align:left;font-size:12px;line-height:1.5;color:#b7cabe;background:#b6d1b305}
  .mobile-chapter-item[aria-current=true]{border-color:#c8d9bb8a;background:#c8d9bb12;color:#e1ecd7}
  .mobile-dialog button:focus-visible,.mobile-chapter-bar button:focus-visible,.mobile-menu-open:focus-visible{outline:2px solid #ecc49a;outline-offset:3px}
  .mobile-toast{position:fixed;z-index:25;left:22px;right:22px;bottom:calc(185px + env(safe-area-inset-bottom));padding:10px 12px;border:1px solid #c8d9bb55;border-radius:10px;background:#12252b;color:#d5e4cd;font-size:11px;line-height:1.5;box-shadow:0 10px 30px #0005;pointer-events:none;justify-content:center;margin:0}
  body.distance-mode #mobileChapterBar{display:none!important}
}
@media(max-width:900px) and (max-height:500px) and (orientation:landscape){
  body header{top:calc(env(safe-area-inset-top) + 3px);left:12px;right:12px;height:40px}
  body #searchOpen,body .mobile-menu-open{height:40px;min-height:40px;width:42px}
  body .brand .brand-mark{font-size:24px}
  body .distance-mode-switch{top:calc(env(safe-area-inset-top) + 49px);left:16px;height:38px;gap:12px;font-size:10px}
  body .distance-mode-switch button{font-size:11px;min-height:38px}
  body .mobile-chapter-bar{top:calc(env(safe-area-inset-top) + 50px);left:270px;right:66px;width:auto;height:36px;gap:7px}
  body .mobile-chapter-bar button{font-size:12px;padding:6px 10px;min-height:36px}
  body .mobile-chapter-bar .mobile-creations-open{font-size:9px;min-width:95px}
  body:not(.distance-mode) #stage:after{height:calc(env(safe-area-inset-top) + 99px)}
  body #stageScale{top:calc(env(safe-area-inset-top) + 91px);left:17px;height:14px}
  body .intro-panel{left:12px;right:auto;bottom:calc(52px + env(safe-area-inset-bottom));width:255px;max-width:42vw;padding:8px 10px;border-radius:10px}
  body .intro-panel #name,body .intro-panel #name.long-name{font-size:17px}
  body .intro-panel .measurement{font-size:16px;max-width:130px}
  body .intro-panel .measurement #unit{font-size:9px}
  body .intro-panel #measureLabel{font-size:10px;max-width:105px}
  body .intro-panel .inspector-actions{gap:8px}
  body .intro-panel .inspector-actions button{font-size:12px;min-height:44px;max-width:78px}
  body .scene-tools{right:10px;top:var(--mobile-zoom-top,110px)}
  body .zoom-controls button{height:42px;min-height:42px;width:42px}
  body footer{height:calc(46px + env(safe-area-inset-bottom));padding:1px 16px calc(3px + env(safe-area-inset-bottom))}
  body footer #ticks{height:20px}body footer .timeline:before{top:19px}body footer .tick b{font-size:6px;bottom:12px}
  body footer .timeline-labels{margin-top:3px;height:17px;font-size:8px}body footer .timeline-labels button{min-height:17px;padding:1px 0}
  body footer #scale{height:28px}body footer #scale::-webkit-slider-thumb{height:20px}body footer #scale::-moz-range-thumb{height:20px}
  body .play-card:not(.play-collapsed){top:auto;left:12px;right:auto;bottom:calc(52px + env(safe-area-inset-bottom));width:255px;max-width:42vw}
  body .play-card:not(.play-collapsed) .play-panel{max-height:calc(100dvh - 153px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}
  body .mobile-dialog{width:min(600px,calc(100vw - 26px));max-height:calc(100dvh - 20px - env(safe-area-inset-top));padding:12px 16px}
  .mobile-dialog-head{top:-12px;padding-bottom:8px}.mobile-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-menu-item{min-height:52px;font-size:10px}.mobile-toast{left:290px;right:66px;bottom:calc(61px + env(safe-area-inset-bottom));font-size:10px}
}
@media(max-width:650px),(max-width:900px) and (max-height:500px) and (orientation:landscape){
  /* Keep toolbar clipping, with only a narrow transition at the scene edges. */
  body:not(.distance-mode) #objects{
    --scene-clip-top:var(--mobile-scene-top,126px);
    --scene-clip-bottom:var(--mobile-scene-bottom,calc(100dvh - 180px));
    clip-path:inset(var(--scene-clip-top) 0 max(0px,calc(100% - var(--scene-clip-bottom))) 0);
    mask-image:linear-gradient(to bottom,transparent var(--scene-clip-top),#000 calc(var(--scene-clip-top) + 5px),#000 calc(var(--scene-clip-bottom) - 5px),transparent var(--scene-clip-bottom));
    -webkit-mask-image:linear-gradient(to bottom,transparent var(--scene-clip-top),#000 calc(var(--scene-clip-top) + 5px),#000 calc(var(--scene-clip-bottom) - 5px),transparent var(--scene-clip-bottom));
    mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;
  }
}

@media(max-width:360px) and (orientation:portrait){body .mobile-chapter-bar{width:122px}}

@media(max-width:650px),(max-width:900px) and (max-height:500px) and (orientation:landscape){body .intro-panel .selected-info.with-history{grid-template-areas:"name name" "value actions" "measure actions";row-gap:0}body .intro-panel .with-history #name{display:flex;gap:6px;margin-bottom:2px;max-width:100%;width:100%}body .intro-panel .with-history #name .object-heading-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}body .intro-panel .with-history .measurement{justify-self:start;text-align:left}body .intro-panel .object-date{font-size:10px;padding:1px 5px}body .intro-panel .with-history .inspector-actions{align-self:center}}
/* One quiet line of context; full explanations are requested with i. */
@media(max-width:650px),(max-width:900px) and (max-height:500px) and (orientation:landscape){
 body .intro-panel{padding:4px 8px 4px 12px;border-radius:10px}
 body .intro-panel .selected-info,body .intro-panel .selected-info.with-history{grid-template-columns:minmax(0,1fr) auto 44px;grid-template-areas:"name value actions";gap:7px;min-height:44px;align-items:center}
 body .intro-panel #name,body .intro-panel #name.long-name,body .intro-panel .with-history #name{display:block!important;width:auto;max-width:100%;min-width:0;font:400 15px/1.3 Manrope,sans-serif;letter-spacing:-.3px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 body .intro-panel #name .object-date{display:none}
 body .intro-panel #name .object-heading-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 body .intro-panel .measurement,body .intro-panel .with-history .measurement{display:flex;flex-direction:column;align-items:flex-end;justify-self:end;text-align:right;max-width:105px;font:400 13px/1.2 Manrope,sans-serif;margin:0;gap:2px;overflow:hidden}
 body .intro-panel .measurement #unit{font:400 8px/1.3 'DM Sans',sans-serif;margin:0;color:#9cb6b9}
 body .intro-panel #measureLabel{display:none!important}
 body .intro-panel .inspector-actions{display:block;min-width:44px;margin:0;align-self:center}
 body .intro-panel #pin{display:none!important}
 body .intro-panel #detailsOpen{display:grid;place-items:center;min-width:44px;min-height:44px;width:44px;max-width:44px;height:44px;font:italic 19px/1 Georgia,serif;padding:0;color:#c9dcbd;border:1px solid #bfd4b52b;border-radius:50%}
}
/* Keep zoom with the existing lower controls, leaving the object scene clear. */
@media(max-width:650px) and (orientation:portrait){
 body:not(.distance-mode) .scene-tools{top:auto;bottom:calc(188px + env(safe-area-inset-bottom));right:12px}
 body:not(.distance-mode) .zoom-controls{flex-direction:row;gap:0;border-radius:12px}
 body:not(.distance-mode) .zoom-controls button{width:44px;height:44px;min-height:44px}
 body:not(.distance-mode) .zoom-direction-label{display:none}
 body:not(.distance-mode) #guidedZoom{width:calc(100vw - 176px);max-width:220px;min-height:44px;font-size:11px;white-space:normal;line-height:1.35;display:flex;align-items:center;text-align:left}
}
.mobile-menu-item[href]{text-decoration:none}

@media(max-width:650px){body footer .timeline-labels button{min-height:28px}}

/* centimetre.css */
.centimetre-reference{display:grid;grid-template-columns:88px minmax(0,1fr);gap:11px;align-items:center;padding-top:9px;margin-top:9px;border-top:1px solid #bfd1bd29;max-width:315px}.centimetre-reference[hidden]{display:none}.centimetre-diagram{position:relative;width:88px;height:7px;margin-bottom:14px;border:1px solid #a8beb963;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),#b8ccc544 calc(10% - 1px) 10%)}.centimetre-part{display:block;height:100%;background:#d5e3b8}.centimetre-diagram small{position:absolute;top:10px;left:0;font-size:8px;line-height:1.3;white-space:nowrap;color:#9db8b7}.centimetre-reference p{font-size:11px;line-height:1.5;margin:0;color:#d2dfc6}
@media(max-width:650px),(max-width:900px) and (max-height:500px) and (orientation:landscape){body .intro-panel .selected-info.with-centimetre{grid-template-areas:"name value" "measure actions" "centimetre centimetre"}body .intro-panel .selected-info.with-centimetre.with-history{grid-template-areas:"name name" "value actions" "measure actions" "centimetre centimetre"}body .intro-panel .centimetre-reference{grid-area:centimetre;grid-template-columns:88px minmax(0,1fr);padding-top:7px;margin-top:4px;max-width:none;min-height:31px}body .intro-panel .centimetre-reference p{font-size:10px;line-height:1.4}}

#detailDialog .centimetre-reference{grid-template-columns:1fr;gap:9px;max-width:430px;padding-top:16px}#detailDialog .centimetre-reference p{font-size:12px;line-height:1.65}

/* avatar.css */
/* A single textured portrait is deformed continuously around the limb joints. */
.avatar-frames{display:none;position:absolute;top:0;left:50%;height:100%;width:auto;aspect-ratio:288 / 365;transform:translateX(-50%);pointer-events:none}
body.avatar-dancing.avatar-frames-ready .scale-object[data-id="humain-adulte"]>.avatar-frames{display:block}
body.avatar-dancing.avatar-frames-ready .scale-object[data-id="humain-adulte"]>img{visibility:hidden}
#avatarDance{font-size:11px;min-height:32px;color:#b9cdb5}
@media(max-width:650px),(max-width:900px) and (max-height:500px) and (orientation:landscape){.scene-tools>#avatarDance{display:none}}
@media(prefers-reduced-motion:reduce){body.avatar-dancing.avatar-frames-ready .scale-object[data-id="humain-adulte"]>.avatar-frames{display:none}body.avatar-dancing.avatar-frames-ready .scale-object[data-id="humain-adulte"]>img{visibility:visible}}

/* i18n.css */
.atlas-language{display:inline-flex;align-items:center;flex-shrink:0;pointer-events:auto}
.atlas-language select{appearance:auto;min-height:44px;width:65px;padding:0 6px;border:1px solid #abc7bc55;border-radius:9px;background:#0b1922;color:#e1e9df;font:600 12px/1.2 Manrope,sans-serif;cursor:pointer}
.atlas-language select:focus-visible{outline:2px solid #ecc49a;outline-offset:3px}
.atlas-language option{background:#0b1922;color:#e1e9df}
.atlas-translation-note{font-size:12px;color:#c6c4a7;margin:10px 0}
@media(max-width:650px),(max-width:900px) and (max-height:500px){body header .atlas-language select{width:57px;padding:0 3px;min-height:44px;font-size:11px}body header .top-actions{gap:5px}}

header.experience-header>.atlas-language{margin-left:auto}
@media(max-width:700px){header.experience-header>.atlas-language{margin-left:0}header.experience-header>.experience-menu-toggle{max-width:45%}}

html[lang=en] #stageScale:before{content:"SHARED SCALE"}html[lang=es] #stageScale:before{content:"ESCALA COMÚN"}html[lang=de] #stageScale:before{content:"GEMEINSAMER MASSSTAB"}html[lang=it] #stageScale:before{content:"SCALA COMUNE"}html[lang=pt] #stageScale:before{content:"ESCALA COMUM"}

/* collections.css */
.collections-dialog{width:min(920px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:28px;border:1px solid #46565f;border-radius:20px;background:#09121c;color:#e8edf0;box-sizing:border-box;overflow-y:auto;font:400 14px/1.55 'DM Sans',sans-serif}.collections-dialog::backdrop{background:#02070de8}.collections-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.collections-head h2{font-size:28px;line-height:1.2;margin:5px 0 22px}.collections-eyebrow{margin:0;font-size:10px;letter-spacing:.14em;color:#b9cbbb}.collections-head>button{min-width:44px;min-height:44px;font-size:25px;border:1px solid #42545d;border-radius:50%;color:#e8edf0;background:transparent}.collections-tabs{display:flex;gap:8px;margin:0 0 22px}.collections-tabs button{flex:1;min-height:46px;padding:9px 12px;border:1px solid #42545d;border-radius:9px;font:inherit;color:#dbe5e9;background:#111f2b}.collections-tabs [aria-selected=true]{background:#d8e7d1;border-color:#d8e7d1;color:#10201a}.collections-dialog h3{font-size:20px;margin:0 0 8px}.collections-dialog p{max-width:78ch}.collections-scale{color:#d2dfd0;font-size:13px;margin:20px 0 8px}.collections-axis{display:flex;justify-content:space-between;padding-bottom:6px;border-bottom:1px solid #52626c;color:#bfcdd2;font-size:12px}.collections-rows{list-style:none;padding:0;margin:0}.collections-row{padding:15px 0;border-bottom:1px solid #243540}.collections-row-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.collections-object{min-height:36px;padding:0;border:0;background:transparent;color:#f1f4f1;text-align:left;text-decoration:underline;text-underline-offset:4px;font:600 15px/1.4 'DM Sans',sans-serif}.collections-row-heading strong{flex-shrink:0;font-size:14px;font-variant-numeric:tabular-nums}.collections-track{height:12px;border-left:1px solid #aec8bb;background:#142430;width:100%;box-sizing:border-box}.collections-bar{display:block;height:100%;background:#c6dcae;max-width:100%;min-width:0;border-radius:0 3px 3px 0}.collections-row-details{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin-top:7px;font-size:12px;color:#b9c9d0}.collections-row-details a{flex-shrink:0;display:inline-block;padding:8px 0;color:#c8dfc0;text-underline-offset:3px}.collections-note{color:#b9c9d0;font-size:12px;margin-top:18px}.collections-dialog :focus-visible{outline:2px solid #f2ce9e;outline-offset:4px}.collections-dialog button,.collections-dialog a{cursor:pointer}@media(max-width:600px){.collections-dialog{padding:19px 16px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:12px}.collections-head h2{font-size:24px}.collections-eyebrow{font-size:9px}.collections-tabs{gap:6px}.collections-tabs button{font-size:13px;padding:8px}.collections-row-heading{gap:8px}.collections-object{font-size:14px}.collections-row-heading strong{font-size:13px}.collections-row-details{font-size:11px;gap:8px}.collections-dialog h3{font-size:18px}}

/* bridge.css */
/* The welcome deck has its own layout; the existing camera keeps its controls. */
.bridge[hidden]{display:none!important}.bridge-nav{pointer-events:auto;display:flex;gap:6px;align-items:center}.bridge-nav button,.bridge-home{padding:10px 12px;font-size:12px;min-height:42px;color:#bbcbd8;border:1px solid transparent;border-radius:25px}.bridge-nav button:hover,.bridge-home:hover{background:#b4d7dd12;border-color:#b4d7dd35}.bridge-home{color:#a9d9de}.bridge{position:fixed;inset:90px 0 0;z-index:16;overflow-y:auto;overscroll-behavior:contain;background:radial-gradient(ellipse at 78% 38%,#17304760,transparent 50%),#060c14;padding:clamp(24px,5vh,68px) max(32px,calc((100vw - 1360px)/2));color:#edf3f6;scrollbar-gutter:stable}.bridge-inner{max-width:1360px;margin:0 auto}.bridge-hero{display:grid;grid-template-columns:1fr 1.18fr;gap:32px;align-items:center;min-height:430px}.bridge-copy{max-width:560px;position:relative;z-index:2}.bridge-tag{font-size:11px;letter-spacing:.19em;color:#9bdce0;line-height:1.8}.bridge h1{font:400 clamp(44px,5.4vw,80px)/1.05 Manrope,sans-serif;letter-spacing:-.055em;margin:23px 0}.bridge-description{font-size:16px;line-height:1.8;color:#b3c5d5;max-width:440px}.bridge-question{font-size:18px;line-height:1.6;color:#e0e9ee;margin-top:25px}.bridge-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:25px}.bridge-actions button{font-size:13px;min-height:48px;border-radius:28px;padding:13px 22px;border:1px solid #9bcedb50;background:#172b3d;color:#d8e8f2}.bridge-actions .bridge-primary{background:#bce5df;color:#082029;border-color:#bce5df;font-weight:600}.bridge-actions button:hover{filter:brightness(1.12)}.bridge button:disabled{opacity:.45;cursor:wait}.bridge button:focus-visible,.bridge a:focus-visible,.bridge-nav button:focus-visible,.bridge-home:focus-visible{outline:3px solid #eed199;outline-offset:4px}.bridge-resume{display:block;margin-top:16px;color:#b7d9dd;text-decoration:underline;text-underline-offset:5px;font-size:12px;min-height:38px}.bridge-visual{min-width:0;margin:0;position:relative;padding:10px 0 30px}.bridge-planet-space{height:365px;position:relative;width:100%;display:flex;align-items:center;justify-content:flex-end}.bridge-jupiter{width:min(64%,365px);aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 0 35px #4e706d35)}.bridge-earth-wrap{position:absolute;left:7%;width:min(64%,365px);display:flex;align-items:center;height:100%;pointer-events:none}.bridge-earth{width:9%;height:auto;object-fit:contain;max-width:none;filter:drop-shadow(0 0 12px #669db65a)}.bridge-planet-labels{display:flex;justify-content:space-between;font-size:12px;line-height:1.7;padding:0 5%;color:#d3dfe7}.bridge-planet-labels span{display:flex;flex-direction:column}.bridge-planet-labels small{color:#9fb6c9;font-size:11px}.bridge-visual figcaption{font-size:11px;color:#9aaec1;line-height:1.8;text-align:center;margin:25px auto 0;max-width:490px}.bridge-rail{border-top:1px solid #7699b03d;border-bottom:1px solid #7699b03d;margin-top:25px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:17px 0}.bridge-rail button{text-align:left;min-height:56px;padding:7px 12px;color:#d0dce6;border-radius:8px;font-size:12px;line-height:1.7}.bridge-rail button:hover{background:#a7d4d712}.bridge-rail small{display:block;font-size:10px;color:#94adbf}.bridge-bottom{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:24px 0 32px;font-size:12px;line-height:1.8;color:#9db2c6}.bridge-bottom a{color:#c1d7e0;text-underline-offset:4px}.bridge-bottom button{color:#c1d7e0;text-decoration:underline;text-underline-offset:5px;min-height:40px}body.bridge-welcome{background:#060c14}body.bridge-welcome header{z-index:21}body.bridge-welcome #stage,body.bridge-welcome .intro-panel,body.bridge-welcome .scales,body.bridge-welcome .scene-tools,body.bridge-welcome footer,body.bridge-welcome .distance-mode-switch,body.bridge-welcome .mobile-chapter-bar,body.bridge-welcome .play-card,body.bridge-welcome .play-launch,body.bridge-welcome #distance-scene,body.bridge-welcome .voyager-panel,body.bridge-welcome #desktopSavedOpen{display:none!important}body.bridge-welcome header .catalog-count{display:none}body header .top-actions{gap:12px}body .scales{top:90px}body:not(.bridge-welcome) .bridge-nav{display:none}body .bridge-home{font-size:11px}.bridge-ready-error{color:#ffcca5}
@media(max-width:1100px){.bridge-nav{display:none}.bridge{padding:35px 30px}.bridge-hero{gap:20px}.bridge-planet-space{height:300px}.bridge h1{font-size:58px}body .brand-sub{display:none}body .scales{max-width:90%;gap:20px}}
@media(max-width:650px),(max-width:900px) and (max-height:500px) and (orientation:landscape){body .bridge-home{padding:5px 8px;min-height:40px;font-size:10px}.bridge{inset:calc(65px + env(safe-area-inset-top)) 0 0;padding:24px 22px calc(24px + env(safe-area-inset-bottom))}.bridge-hero{grid-template-columns:1fr;gap:10px;min-height:0}.bridge h1{font-size:clamp(40px,12vw,58px);margin:15px 0 20px}.bridge-tag{font-size:9px}.bridge-description{font-size:14px;line-height:1.75}.bridge-question{font-size:15px;margin:18px 0}.bridge-actions{gap:9px;margin-top:18px}.bridge-actions button{font-size:12px;padding:11px 16px;min-height:46px}.bridge-visual{padding:10px 0 18px}.bridge-planet-space{height:230px}.bridge-jupiter{width:62%;max-height:230px}.bridge-earth-wrap{width:62%}.bridge-planet-labels{font-size:12px}.bridge-visual figcaption{font-size:11px;margin-top:20px}.bridge-rail{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:5px;padding:10px 0}.bridge-rail button{font-size:11px;padding:8px 5px;min-height:52px}.bridge-rail small{font-size:9px}.bridge-bottom{display:block;padding:20px 0 5px}.bridge-bottom p{margin:8px 0}body.bridge-welcome #mobileMenuOpen{display:none!important}body.bridge-welcome .brand .brand-mark{display:none}body.bridge-welcome header #searchOpen{width:40px;height:40px;min-height:40px}body .scales{top:90px}}
@media(prefers-reduced-motion:reduce){.bridge *{scroll-behavior:auto;transition:none}}

.bridge-planet-frame{position:relative;overflow:hidden;aspect-ratio:1}.bridge-planet-frame>img{position:absolute;max-width:none;object-fit:fill}.bridge-earth-frame{width:9%;flex:none}.bridge-jupiter-frame{width:min(64%,365px);flex:none;filter:drop-shadow(0 0 35px #4e706d35)}.bridge-planet-frame>img.bridge-earth,.bridge-planet-frame>img.bridge-jupiter{filter:none;max-height:none}
@media(max-width:650px),(max-width:900px) and (max-height:500px) and (orientation:landscape){.bridge-jupiter-frame{width:62%}}
@media(max-width:370px){body:not(.bridge-welcome) header .brand{flex:none}body:not(.bridge-welcome) .brand .brand-name{display:none}}



.bridge-actions .bridge-experience-link{width:100%;font-size:13px;color:#bce5df;text-underline-offset:5px;min-height:36px;display:flex;align-items:center}.bridge-bottom{flex-wrap:wrap}
@media(min-width:651px) and (max-width:1050px){body header .top-actions>.discover-link:not(#experiencesOpen){display:none}}

/* Reserve the current catalogue crop before asynchronous data arrives. */
#bridgeEarth{aspect-ratio:1.0207612456747406}#bridgeEarth>img{width:107.96610169491525%;height:106.83391003460207%;left:-4.1525423728813555%;top:-2.941176470588235%}
#bridgeJupiter{aspect-ratio:1.0025445292620865}#bridgeJupiter>img{width:108.79864636209813%;height:103.7319762510602%;left:-4.483925549915398%;top:-1.8659881255301103%}
#bridgeEarth{width:9.27861522173615%}

@media(max-width:650px),(max-width:900px) and (max-height:500px) and (orientation:landscape){.bridge-actions{flex-direction:column;align-items:stretch}.bridge-actions>button{width:100%;flex:none}}

/* quantity-map.css */
#quantityMap[hidden]{display:none}#quantityMap{position:fixed;z-index:31;right:20px;top:110px;bottom:150px;width:min(340px,calc(100vw - 32px));box-sizing:border-box;padding:20px;background:#142b3bf2;border:1px solid #86b5bf80;border-radius:20px;box-shadow:0 12px 45px #0005;overflow:auto;color:#d9e8ed;font-size:13px;line-height:1.5;backdrop-filter:blur(12px)}.quantity-map-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.quantity-map-head h2{font-size:17px;margin:0 0 14px}.quantity-map-head button{background:none;border:0;color:#c9e6eb;font-size:26px;min-width:40px;min-height:40px}#quantityMap label{display:block;font-size:11px;color:#9dc1cb;margin-bottom:6px}#quantityMap select{width:100%;min-height:44px;background:#102331;color:#e5f2f4;border:1px solid #77a8b7;border-radius:9px;font:inherit;padding:8px}#quantityMap h3{font-size:21px;line-height:1.2;margin:10px 0}.quantity-map-period{font-size:10px;color:#a3c8ce}.quantity-map-value{font-size:25px;color:#d5e7bc;margin:12px 0}.quantity-map-actions{display:flex;gap:8px;flex-wrap:wrap}.quantity-map-actions button{font:inherit;border:1px solid #7296a5;background:#203e50;color:#def0f0;padding:9px;border-radius:10px;min-height:44px}#quantityMap details{border-top:1px solid #64869355;margin-top:16px;padding-top:12px}#quantityMap summary{cursor:pointer;padding:6px 0}#quantityMapDocumentation a{display:block;margin:12px 0;color:#b8d5b3}#quantityMapStatus{font-size:11px;color:#a7c4ce}.quantity-map-token-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.quantity-map-token-grid i{aspect-ratio:1;background:linear-gradient(to right,#a5ced9 var(--fraction),#a5ced922 var(--fraction));border-radius:2px}#quantityMapTokens p{font-size:10px;color:#b3cbd1}
@media(max-width:650px),(max-height:600px){#quantityMap{top:auto;left:12px;right:12px;bottom:calc(85px + env(safe-area-inset-bottom));width:auto;max-height:34svh;padding:14px;border-radius:16px}.quantity-map-head h2{margin:0;font-size:15px}#quantityMap h3{font-size:18px}.quantity-map-value{font-size:22px;margin:8px 0}}

#quantityMap .quantity-map-head{position:sticky;top:-20px;z-index:2;background:#142b3b;padding-top:4px}#quantityMap .quantity-map-head button{flex-shrink:0}@media(max-width:650px),(max-height:600px){#quantityMap .quantity-map-head{top:-14px}}

.quantity-map-token-grid.people i{aspect-ratio:1/2;border-radius:0;mask:url("/assets/quantities/person.svg") center/contain no-repeat}

#quantityMapFootprintControl{padding:10px 0;border-top:1px solid #7699a655;border-bottom:1px solid #7699a655;margin:12px 0}#quantityMapFootprint{width:100%;box-sizing:border-box;margin:6px 0;accent-color:#c8e3bf;min-height:30px}#quantityMapFootprintValue{display:block;font-size:12px;color:#d4e8c4}#quantityMapFootprintDescription{font-size:10px;color:#b3cbd1;margin:6px 0}.quantity-map-value{white-space:pre-line}#quantityMapFootprintControl[hidden]{display:none}

.quantity-map-token-grid.people i{mask:none;background:url("/assets/quantities/person.svg") center/contain no-repeat;clip-path:inset(0 calc(100% - var(--fraction)) 0 0)}
#quantityMapBanknoteBase[hidden]{display:none}#quantityMapBanknoteBase{margin:12px 0;padding:10px;background:#0c202d;border:1px solid #52756f;border-radius:12px}#quantityMapBanknoteBase figcaption{font-size:12px;color:#d4e8c4}#quantityMapBanknoteBase p{font-size:10px;margin:6px 0}.banknote-base-scene{position:relative;height:154px;overflow:hidden;border-bottom:1px solid #748f97;margin-top:10px}.banknote-base-column{position:absolute;bottom:0;left:35px;width:10.29px;height:154px;background:repeating-linear-gradient(0deg,#b4c6a7 0 1px,#788d70 1px 2px);border-right:3px solid #536f57}.banknote-base-person{position:absolute;bottom:0;left:85px;height:119px;aspect-ratio:516/1449;overflow:hidden}.banknote-base-person img{position:absolute;width:198.45%;height:106%;max-width:none;left:-53.68%;top:-2.69%}.banknote-base-scene span{position:absolute;left:64px;top:3px;font-size:10px;color:#c9dec8}

@media(max-width:650px),(max-height:600px){#quantityMap.banknote-inspector{max-height:42svh}#quantityMap.banknote-inspector h3{display:none}#quantityMap.banknote-inspector .quantity-map-period{margin:5px 0}#quantityMap.banknote-inspector .quantity-map-value{margin:6px 0}#quantityMap.banknote-inspector #quantityMapBanknoteBase{margin-top:5px}}

.banknote-base-column{box-sizing:border-box}

/* The note face is shown at its native 147:77 proportion, separately from the metric column base. */
.banknote-detail{margin:12px 0 8px;display:grid;grid-template-columns:1fr auto;gap:5px 10px;align-items:center}.banknote-detail img{grid-column:1/-1;display:block;width:100%;height:auto;aspect-ratio:147/77;object-fit:contain;filter:drop-shadow(0 6px 9px #0005)}.banknote-detail span{font-size:11px;color:#cbe1b7}.banknote-detail strong{font-size:11px;font-weight:500;color:#bfd0c4}.banknote-base-label{border-top:1px solid #52756f88;padding-top:12px;margin-top:12px;font-size:12px;color:#d4e8c4}#quantityMapBanknoteBase .banknote-art-note{color:#9bb3b4;font-size:10px}.banknote-base-column{background:repeating-linear-gradient(0deg,#e7e7ca 0 .7px,#789171 .7px 1px,#c8d1b1 1px 1.6px,#9aaa88 1.6px 1.8px);border-right-color:#8b9d7c;box-shadow:1px 0 2px #0004}.banknote-base-scene span{left:63px}.banknote-base-scene{margin-top:6px}
.banknote-detail img{aspect-ratio:3/2;filter:drop-shadow(0 8px 10px #0004)}

/* The specimen bundle is an enlarged reading aid, separate from metric geometry. */
#quantityMapBanknoteBase{background:#141c17;border-color:#53634e}
.banknote-detail img{aspect-ratio:2/3;max-height:260px;object-fit:contain}

/* space-surfaces.css */
/* Neutral charcoal canvas; colour comes from the compared objects. */
body.atlas-surface{--bg:#08090a;--surface:#16191a;--line:#46504f;--muted:#b3c9d5;background:#08090a}
body.atlas-surface.explorer-page{--bg:#101112;background:#101112}
body.atlas-surface.explorer-page:before{background:none}
body.atlas-surface.explorer-page #stage{background:radial-gradient(ellipse at 50% 43%,#ffffff04,transparent 72%)}
/* Decorative sky only: fixed screen-size points, no animation, no measured objects. */
body.atlas-surface.explorer-page #stage:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:var(--cosmic-opacity,0);background-image:radial-gradient(circle at 17% 23%,#dce0dd 0 .65px,transparent 1px),radial-gradient(circle at 72% 61%,#c5cbc7 0 .55px,transparent 1px),radial-gradient(circle at 39% 82%,#e6e8e3 0 .8px,transparent 1.2px),radial-gradient(circle at 83% 17%,#bfc7c0 0 .6px,transparent 1px);background-size:311px 293px,433px 397px,619px 487px,743px 653px}
body.atlas-surface.explorer-page.distance-mode #stage:before{opacity:0}
body.atlas-surface.explorer-page header{filter:drop-shadow(0 2px 9px #07111a66)}
body.atlas-surface.explorer-page .scales button{color:#b2c5d0}
body.atlas-surface.explorer-page .scales button.active{color:#f0f4ee}
body.atlas-surface.explorer-page .object-caption small{color:#b2c6d2}
body.atlas-surface.explorer-page .zoom-controls,body.atlas-surface.explorer-page .search-button{background:#191d1eed;border-color:#6c7b7588}
body.atlas-surface header.experience-header{background:#15191aef;border-bottom-color:#496b7f}
body.atlas-surface header.experience-header>nav>a[aria-current=page]{background:#bce5df24}
body.atlas-surface .experience-card{background:linear-gradient(145deg,#1c2223,#15191a);border-color:#4c697d;box-shadow:none}
body.atlas-surface .experience-note{background:#202728;border-left-color:#acd7dd}
body.atlas-surface .quantity-canvas-wrap,body.atlas-surface .lab-scene,body.atlas-surface .sky-chart,body.atlas-surface .planet-plot,body.atlas-surface .time-scene{background:#0e1213;border-color:#486a7e}
body.atlas-surface .experience-main p{max-width:78ch}
body.atlas-surface .hub-tool{--hub-accent:#b6e0dc;background:linear-gradient(140deg,#1a3649,#153044);border-color:#527184}
body.atlas-surface .hub-compare{--hub-accent:#b8dfef}body.atlas-surface .hub-solar{--hub-accent:#f0d198}body.atlas-surface .hub-lab{--hub-accent:#b9ddbc}body.atlas-surface .hub-quantities{--hub-accent:#88d5e5}body.atlas-surface .hub-discover{--hub-accent:#d1c9ed}body.atlas-surface .hub-travel{--hub-accent:#eac6a2}body.atlas-surface .hub-cosmos{--hub-accent:#b6c9ee}
body.atlas-surface .hub-tool-name,body.atlas-surface .hub-tool .hub-drawing{color:var(--hub-accent)}
body.atlas-surface .hub-drawing svg{opacity:1}
@media(min-width:1600px){body.atlas-surface .experience-main{max-width:1680px;width:calc(100% - 48px)}body.atlas-surface header.experience-header{padding-inline:max(24px,calc((100vw - 1632px)/2))}}

.scale-object .river-comparison-caption{font-size:11px;line-height:13px;text-align:right}.scale-object .river-comparison-caption small{font-size:10px;line-height:13px}.scale-object .river-comparison-caption>span{white-space:nowrap}

.scale-object .river-comparison-caption{height:26px;box-sizing:border-box;padding:0}.scale-object .river-comparison-caption small{margin-top:0}.scale-object .river-comparison-caption>span{display:block;overflow:hidden;text-overflow:ellipsis}

/* Keep floating inspectors neutral against the charcoal scene. */
body.atlas-surface.explorer-page #quantityMap,body.atlas-surface.explorer-page #riverBrowser{background:#151a18f5;border-color:#6d807388}body.atlas-surface.explorer-page #quantityMap .quantity-map-head{background:#151a18}body.atlas-surface.explorer-page #quantityMap select,body.atlas-surface.explorer-page #riverBrowser input,body.atlas-surface.explorer-page #riverBrowser select{background:#0d1210;border-color:#73897966}body.atlas-surface.explorer-page #stageScale{background:#0d1110e8}

/* The last scale is an observational horizon, with a readable observer locator. */
#homeLocation>span{display:none}
#homeLocation[data-host="landmark-68"]>span{display:block;position:absolute;top:30px;left:50%;transform:translateX(-50%);width:170px;padding:5px 8px;border-radius:14px;background:#101112df;color:#ecede5;font-size:10px;line-height:1.5;pointer-events:none}
#universeSummary{font-size:12px;line-height:1.7;color:#c3c7bf;max-width:280px;border-top:1px solid #c8d9bb40;padding-top:14px;margin:12px 0}
body.universe-arrival .selected-info>.eyebrow{color:#d9ceb0}
@media(max-width:650px){#universeSummary{display:none}#homeLocation[data-host="landmark-68"]>span{font-size:10px;width:145px}}

#universeArrival{position:absolute;z-index:6;top:142px;left:50%;transform:translateX(-50%);width:min(650px,calc(100% - 48px));text-align:center;pointer-events:none}#universeArrival strong{display:block;color:#e3e3d8;font:400 clamp(20px,2.2vw,30px)/1.3 Manrope,sans-serif;letter-spacing:-.03em}#universeArrival span{display:block;font-size:12px;line-height:1.6;color:#b9c1b8;margin-top:9px}@media(max-width:650px){#universeArrival{top:132px;width:calc(100% - 44px)}#universeArrival strong{font-size:21px}#universeArrival span{font-size:12px;max-width:270px;margin:9px auto 0}}

/* Read the result before the documentary detail. */
#detailDialog #detailLead{font-size:20px;line-height:1.5;color:#e4ebdb;margin:12px 0}#detailDialog #detailPeriod{font-size:12px;color:#b5c1b7;margin:0 0 20px}#detailDocumentation{border-top:1px solid #c8d9bb30;margin-top:22px;padding-top:10px}#detailDocumentation>summary{min-height:44px;display:list-item;align-content:center;cursor:pointer;font-size:13px;color:#c8d9bb}#detailDocumentation #detailText{font-size:13px;line-height:1.8}#detailDialog .dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}#detailDialog .dialog-actions>button{min-height:46px;white-space:normal;text-align:center}#detailDialog .dialog-actions>button:not(#detailCenter):not(#detailCompare){background:transparent;border:0;color:#aebdb1;font-size:12px;border-radius:0;text-decoration:underline;text-underline-offset:4px}#detailDialog #artOpen img{max-height:180px;object-fit:contain}#detailDialog #detailTitle{font-size:clamp(24px,3vw,32px);line-height:1.3}@media(max-width:450px){#detailDialog #detailLead{font-size:18px}#detailDialog .dialog-actions{grid-template-columns:1fr}#detailDialog .dialog-actions>button:not(#detailCenter):not(#detailCompare){min-height:36px}}

/* diagram-legibility.css */
/* Schematic illustrations only; never change an image's box or physical scale. */
.atlas-diagram-filter-definitions{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
img:is([src*="/gap-solar-pluto-orbit-"],[src$="/gap-solar-pluto-orbit.png"],[src*="/gap-solar-kuiper-belt-"],[src$="/gap-solar-kuiper-belt.png"],[src*="/gap-solar-heliopause-distance-"],[src$="/gap-solar-heliopause-distance.png"],[src*="/gap-solar-sedna-orbit-"],[src$="/gap-solar-sedna-orbit.png"],[src*="/gap-solar-oort-inner-boundary-"],[src$="/gap-solar-oort-inner-boundary.png"],[src*="/gap-solar-hills-cloud-"],[src$="/gap-solar-hills-cloud.png"],[src*="/landmark-41-"],[src$="/landmark-41.png"],[src*="/landmark-44-"],[src$="/landmark-44.png"]){filter:brightness(1.12)}
body.atlas-diagram-legibility-ready img:is([src*="/gap-solar-pluto-orbit-"],[src$="/gap-solar-pluto-orbit.png"],[src*="/gap-solar-kuiper-belt-"],[src$="/gap-solar-kuiper-belt.png"],[src*="/gap-solar-heliopause-distance-"],[src$="/gap-solar-heliopause-distance.png"],[src*="/gap-solar-sedna-orbit-"],[src$="/gap-solar-sedna-orbit.png"],[src*="/gap-solar-oort-inner-boundary-"],[src$="/gap-solar-oort-inner-boundary.png"],[src*="/gap-solar-hills-cloud-"],[src$="/gap-solar-hills-cloud.png"],[src*="/landmark-41-"],[src$="/landmark-41.png"],[src*="/landmark-44-"],[src$="/landmark-44.png"]){filter:url("#atlasDiagramLegibility")}
/* Only the measurement line beneath scene objects; no body/control typography. */
.scale-object .object-caption small{font-size:11px;line-height:1.5}
@media(max-width:650px){.scale-object .object-caption small{font-size:10px}}

/* Scene bitmap colours are already authored for the dark background. Avoid SVG
   filter surfaces and transformed masks during continuous scale changes. */
body.atlas-diagram-legibility-ready #objects .scale-object img{filter:none!important}
body:not(.distance-mode) #objects{mask-image:none!important;-webkit-mask-image:none!important}
#objects .scale-object,#objects .object-caption{will-change:auto}

/* ambience.css */
/* Header entry remains inside the existing mobile navigation. */
button.ambience-trigger{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:8px 12px;border:1px solid #617e8b;border-radius:9px;background:#102a39;color:#d9eee9;font:500 12px/1.4 system-ui,sans-serif;white-space:nowrap;cursor:pointer;flex:none}
button.ambience-trigger[data-playing=true]{border-color:#bdd6a7;color:#e0edce}
header.experience-header>nav>button.ambience-trigger{margin-left:5px}
.ambience-panel{position:fixed;box-sizing:border-box;z-index:1500;max-height:calc(100dvh - 24px);overflow:auto;padding:18px;border:1px solid #7694a0;border-radius:14px;color:#edf5f5;background:#102735;box-shadow:0 14px 50px #0008;font:14px/1.5 system-ui,sans-serif;text-align:left}
.ambience-panel[hidden]{display:none!important}.ambience-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.ambience-head h2{font:600 16px/1.4 system-ui,sans-serif;margin:0}.ambience-panel button{cursor:pointer;font:500 13px/1.4 system-ui,sans-serif;min-height:44px;border:1px solid #7897a5;border-radius:8px;background:#1d3c4d;color:#eff8f6;padding:9px 12px}.ambience-panel .ambience-close{width:44px;flex:none;font-size:24px;padding:0}.ambience-track{font-size:17px;color:#ead3a2;margin:14px 0 2px}.ambience-detail{color:#bfd0da;font-size:12px;margin:0 0 15px}.ambience-actions{display:flex;gap:8px;flex-wrap:wrap}.ambience-panel .ambience-play{background:#c4ddc0;color:#132c2c;border-color:#c4ddc0}.ambience-volume-label{display:flex;justify-content:space-between;gap:12px;margin-top:20px;color:#e0edef}.ambience-panel input.ambience-volume{display:block;box-sizing:border-box;width:100%;height:44px;margin:0;accent-color:#d8c18c;cursor:pointer}.ambience-status{margin:9px 0 0;font-size:12px;color:#c7dce4;min-height:36px}.ambience-panel button:focus-visible,button.ambience-trigger:focus-visible,.ambience-panel input:focus-visible{outline:3px solid #f0d499;outline-offset:3px}
@media(max-width:700px){header.experience-header>nav>button.ambience-trigger{margin:0;width:100%;justify-content:flex-start}.mobile-menu-grid>button.ambience-trigger{width:100%;min-height:52px;justify-content:flex-start;padding:12px 15px}}
@media(max-width:650px){.top-actions>button.ambience-trigger{display:none}}
@media(prefers-reduced-motion:reduce){.ambience-panel,.ambience-trigger{transition:none;animation:none}}

.reading-header{flex-wrap:wrap}.reading-header nav{flex-wrap:wrap;align-items:center}.reading-header button.ambience-trigger{margin-left:4px}@media(max-width:650px){.reading-header nav{gap:16px}.reading-header button.ambience-trigger{width:44px;padding:8px}}

.ambience-track-label{display:block;margin:15px 0 5px;color:#bfd0da;font-size:12px}.ambience-panel select.ambience-track{display:block;box-sizing:border-box;width:100%;min-height:44px;padding:9px 10px;margin:0 0 7px;border:1px solid #7897a5;border-radius:8px;background:#163545;color:#ead3a2;font:500 14px/1.4 system-ui,sans-serif;cursor:pointer}.ambience-panel select:focus-visible{outline:3px solid #f0d499;outline-offset:3px}

button.ambience-trigger[data-blocked=true]{border-color:#c3a67a;color:#f0dfc3}

/* river-browser.css */
#riverBrowser[hidden]{display:none}#riverBrowser{position:fixed;z-index:33;right:20px;top:114px;bottom:130px;width:min(350px,calc(100vw - 32px));box-sizing:border-box;padding:19px;background:#112a38f7;border:1px solid #7faab480;border-radius:20px;box-shadow:0 18px 60px #0005;color:#e0edef;display:flex;flex-direction:column;gap:10px;backdrop-filter:blur(14px);font:13px/1.4 var(--font-body,Manrope,sans-serif)}.river-browser-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.river-browser-heading p{margin:0 0 3px;color:#8bbfca;font-size:9px;letter-spacing:.16em}.river-browser-heading h2{margin:0;font-size:21px;font-weight:500;letter-spacing:-.035em}.river-browser-heading button{background:none;border:0;color:#c8e1e6;min-width:40px;min-height:40px;font-size:27px;cursor:pointer}.river-browser-filters{display:grid;grid-template-columns:1fr;gap:8px}.river-browser-filters label{font-size:10px;color:#b2ccd2}.river-browser-filters input,.river-browser-filters select{display:block;box-sizing:border-box;width:100%;min-height:42px;padding:8px 10px;margin-top:5px;border:1px solid #557c8b;border-radius:10px;background:#0c202d;color:#e6f2f4;font:inherit;font-size:12px}.river-browser-filters input::placeholder{color:#9ab5bf}#riverBrowserStatus{margin:0;color:#abc4cd;font-size:10px}#riverBrowserList{list-style:none;padding:0;margin:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#638e9b transparent;min-height:80px;flex:1;border-top:1px solid #7b9da533}#riverBrowserList li{margin:0;padding:0}.river-browser-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;box-sizing:border-box;min-height:59px;padding:9px 4px 13px;width:100%;background:none;border:0;border-bottom:1px solid #698b9633;color:#e1eef0;text-align:left;cursor:pointer;font:inherit}.river-browser-row:hover,.river-browser-row[aria-pressed=true]{background:#659caf12}.river-browser-row[aria-pressed=true] .river-browser-copy strong{color:#d1e9b9}.river-browser-copy{display:block;min-width:0}.river-browser-copy strong{display:block;overflow-wrap:anywhere;font-size:12px;font-weight:500}.river-browser-copy small{display:block;color:#9cbdc6;font-size:9px;margin-top:3px}.river-browser-length{font-size:11px;color:#c6dde3;font-variant-numeric:tabular-nums;white-space:nowrap}.river-browser-bar{position:absolute;bottom:5px;left:4px;width:var(--river-width);max-width:calc(100% - 8px);height:2px;background:linear-gradient(90deg,#60acbd,#c2e4ce);border-radius:3px;opacity:.7}.river-browser-pages{display:flex;justify-content:center;align-items:center;gap:18px}.river-browser-pages button{min-width:44px;min-height:34px;border:1px solid #73939f60;border-radius:9px;color:#d8e7e9;background:#244451;font-size:17px;cursor:pointer}.river-browser-pages button:disabled{opacity:.35;cursor:default}.river-browser-pages span{font-size:10px;font-variant-numeric:tabular-nums;color:#aac7d0;min-width:45px;text-align:center}#riverBrowserFrame{min-height:42px;border:1px solid #91b7ba;border-radius:11px;background:#d0e5c0;color:#142c35;font:inherit;font-size:11px;cursor:pointer;padding:9px}#riverBrowserFrame:disabled{opacity:.4;cursor:default}.river-browser-note{font-size:9px;color:#a1bec7;margin:0}#riverBrowserDetail{font-size:10px;border-top:1px solid #7799a344;padding-top:5px;max-height:85px;overflow:auto}#riverBrowserDetail p{margin:4px 0}#riverBrowserDetail a{color:#c5dec0;display:inline-block;margin:4px 0}.river-browser-empty{padding:16px 3px!important;color:#afc6cd;font-size:12px}#riverBrowser :focus-visible{outline:2px solid #d4e8bd;outline-offset:3px}
@media(max-width:650px),(max-height:650px){#riverBrowser{top:auto;right:12px;left:12px;bottom:calc(84px + env(safe-area-inset-bottom));width:auto;height:min(54svh,460px);padding:14px;border-radius:17px;gap:7px}.river-browser-heading h2{font-size:17px}.river-browser-heading p{font-size:8px}.river-browser-filters{grid-template-columns:1.15fr 1fr;gap:8px}.river-browser-filters label{font-size:9px}.river-browser-filters input,.river-browser-filters select{font-size:10px;min-height:38px;padding:6px}.river-browser-row{min-height:52px}.river-browser-copy strong{font-size:11px}.river-browser-copy small{font-size:8px}.river-browser-length{font-size:10px}#riverBrowserDetail{max-height:55px}.river-browser-note{font-size:8px}.river-browser-pages button{min-height:30px}}

body.river-browser-open .intro-panel{visibility:hidden}

#riverBrowserBrowse{display:none;min-height:35px;border:1px solid #73939f80;border-radius:9px;background:#203e4c;color:#d9e9e9;font:inherit;font-size:11px;cursor:pointer}
@media(max-width:650px),(max-height:650px){#riverBrowser.river-browser-map-view{height:auto;max-height:120px}.river-browser-map-view .river-browser-filters,.river-browser-map-view #riverBrowserStatus,.river-browser-map-view #riverBrowserList,.river-browser-map-view .river-browser-pages,.river-browser-map-view #riverBrowserFrame,.river-browser-map-view #riverBrowserDetail,.river-browser-map-view .river-browser-note{display:none}.river-browser-map-view #riverBrowserBrowse{display:block}}

.river-scale-note[hidden]{display:none}.river-scale-note{position:fixed;z-index:15;top:125px;left:50%;transform:translateX(-50%);margin:0;padding:5px 9px;border-radius:6px;background:#102532e8;color:#c8d9df;font:10px/1.5 Manrope,sans-serif;pointer-events:none}
@media(max-width:650px){.river-scale-note{top:119px;left:16px;transform:none;max-width:calc(100vw - 100px);font-size:9px}}

/* hubble-field.css */
.hubble-field{width:min(1240px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);padding:0;border:1px solid #47606d;border-radius:22px;color:#e5edf1;background:#0d1d28;overflow:auto;box-shadow:0 24px 120px #0009}.hubble-field::backdrop{background:#040b12c9;backdrop-filter:blur(10px)}.hubble-shell{padding:28px}.hubble-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.hubble-heading p,.hubble-kicker{font-size:10px;letter-spacing:.14em;color:#9cc2d2;margin:0 0 10px}.hubble-heading h2{font-size:clamp(26px,3.1vw,42px);line-height:1.15;font-weight:500;letter-spacing:-.045em;margin:0}.hubble-close{width:44px;height:44px;border:1px solid #527180;border-radius:50%;background:#162f3e;color:#e5edf1;cursor:pointer;font-size:25px;line-height:1;font-family:inherit;flex-shrink:0}.hubble-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start}.hubble-view{height:min(59vh,630px);min-height:320px;position:relative;overflow:hidden;background:#02060a;border:1px solid #284654;border-radius:14px;touch-action:none;isolation:isolate}.hubble-photo{width:100%;height:100%;max-width:none;object-fit:contain;display:block;transform-origin:center;user-select:none;pointer-events:none}.hubble-view.is-zoomed{cursor:grab}.hubble-view.is-zoomed:active{cursor:grabbing}.hubble-image-label{position:absolute;top:16px;left:16px;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#d1e1e8;padding:7px 10px;background:#06111ac9;border:1px solid #5b71805c;border-radius:20px;pointer-events:none}.hubble-zoom{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:3px;border:1px solid #6b8491a1;border-radius:28px;padding:4px;background:#0a1a24e8;white-space:nowrap;cursor:default}.hubble-zoom button{min-width:40px;min-height:40px;border:0;border-radius:24px;background:transparent;color:#e2edf2;font-size:16px;font-family:inherit;cursor:pointer}.hubble-zoom button:hover{background:#305060}.hubble-zoom button:disabled{opacity:.35;cursor:default}.hubble-zoom button:last-child{font-size:11px;padding:0 13px;border-left:1px solid #456273;border-radius:0 22px 22px 0}.hubble-zoom output{font-size:12px;text-align:center;min-width:32px}.hubble-loading{position:absolute;left:14px;top:50%;right:14px;text-align:center;font-size:13px;color:#bed1dd}.hubble-loading[hidden]{display:none}.hubble-story{font-size:13px;line-height:1.65}.hubble-story p{margin:0 0 16px}.hubble-story .hubble-stat{font-size:42px;line-height:1.1;letter-spacing:-.045em;margin:0 0 22px;color:#d6e5b8}.hubble-stat span{display:block;font-size:12px;line-height:1.5;letter-spacing:0;color:#afc4ce;margin-top:8px}.hubble-angle{border-block:1px solid #2f4858;padding:15px 0;margin:20px 0}.hubble-angle strong{font-size:19px;font-weight:500;display:block}.hubble-angle span{display:block;font-size:11px;color:#a9c0cd;margin-top:6px}.hubble-convention{color:#afc4ce;font-size:12px}.hubble-convention strong{font-weight:500;color:#dbe7ed}.hubble-history{border-top:1px solid #2f4858;padding-top:13px;margin:18px 0}.hubble-history summary{cursor:pointer;min-height:32px;font-size:11px;color:#cfdee5}.hubble-history p{font-size:11px;margin:12px 0}.hubble-history a,.hubble-source{color:#d6e5b8;text-underline-offset:4px}.hubble-source{display:inline-block;min-height:32px;font-size:11px}.hubble-story .hubble-credit{font-size:10px;line-height:1.7;color:#849fad;margin-bottom:0}.hubble-field button:focus-visible,.hubble-field a:focus-visible,.hubble-view:focus-visible,.hubble-field summary:focus-visible{outline:2px solid #d2e6b8;outline-offset:3px}
@media(max-width:850px){.hubble-field{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:16px}.hubble-shell{padding:20px}.hubble-layout{grid-template-columns:minmax(0,1fr) 235px;gap:18px}.hubble-heading{margin-bottom:18px}.hubble-heading h2{font-size:30px}.hubble-view{height:55vh;min-height:280px}.hubble-story .hubble-stat{font-size:34px}}
@media(max-width:600px){.hubble-field{width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}.hubble-shell{padding:18px 14px 26px}.hubble-heading{margin-bottom:15px;gap:10px}.hubble-heading p{font-size:8px;letter-spacing:.11em}.hubble-heading h2{font-size:28px}.hubble-close{width:40px;height:40px}.hubble-layout{display:block}.hubble-view{height:52dvh;min-height:290px;max-height:520px}.hubble-story{margin-top:22px;font-size:12px}.hubble-story .hubble-stat{font-size:38px;margin-bottom:16px}.hubble-story .hubble-stat span{display:inline-block;margin-left:12px;max-width:145px;font-size:11px}.hubble-kicker{font-size:9px}.hubble-angle{margin:16px 0}.hubble-image-label{font-size:8px;top:12px;left:12px}.hubble-zoom{bottom:12px}.hubble-story .hubble-credit{font-size:10px}}
@media(max-width:600px){.hubble-close{position:fixed;top:18px;right:14px;z-index:3}.hubble-heading{padding-right:47px}.hubble-heading h2{font-size:26px}}
@media(max-width:600px){.hubble-view{aspect-ratio:1000/872;height:auto;min-height:0;max-height:none}}

.hubble-credit a{color:inherit;text-underline-offset:3px}

/* banknote-stack.css */
/* Width remains 147 mm. A distant one-pixel line is only a locator.
   A marked close-up cutaway replaces the kilometre-long strip. */
.scale-object.physical-banknotes{min-width:0!important;padding:0!important;border:0;background:none;overflow:visible}
.scale-object.physical-banknotes>img{display:none!important}
.physical-banknote-paper{position:absolute;inset:0;display:block;box-sizing:border-box;background:#dce0cc url("/assets/quantities/banknote-edges.svg") repeat-y center top / 100% 160px;border-left:1px solid #e3e7d3;border-right:1px solid #577462;pointer-events:none}
.banknote-locator .physical-banknote-paper{border:0;background:#dce3bb}
.banknote-cutaway .physical-banknote-paper{display:none}
.banknote-cutaway-pile{display:none;position:absolute;bottom:0;left:0;width:100%;pointer-events:none}
.banknote-cutaway .banknote-cutaway-pile{display:block}
.banknote-cutaway-pile img{display:block;width:100%;height:auto;max-width:none}
.banknote-break{display:block;position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);width:100px;text-align:center;font:10px/1.3 Manrope,sans-serif;color:#ccd7bd;text-shadow:0 1px 3px #000}
.banknote-cutaway-pile:before{content:'';position:absolute;bottom:calc(100% + 2px);left:10%;width:80%;height:5px;border-top:1px solid #ced9b9;border-bottom:1px solid #ced9b9;transform:skewY(-12deg)}

/* direction-control.css */
.follow-objects{align-self:flex-end;min-height:32px;min-width:78px;border:1px solid #6d939966;border-radius:20px;padding:5px 12px;background:#132c3bd9;color:#d5e8df;font:11px/1.4 Manrope,sans-serif;cursor:pointer}.follow-objects:before{content:'';display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#8da3ac}.follow-objects[aria-pressed=true]:before{background:#c7e4b0}.follow-objects:focus-visible{outline:2px solid #d0e8b6;outline-offset:3px}@media(max-width:650px){.follow-objects{font-size:10px;min-width:66px;padding:4px 8px;min-height:32px}}

.follow-objects:before{display:none}

@media(min-width:1051px){.scene-tools{bottom:185px}}

@media(min-width:1051px){body:has(#quantityMap:not([hidden])) .scene-tools{right:380px}body:has(#riverBrowser:not([hidden])) .scene-tools{right:390px}}

/* humanity-multitudes.css */
/* The population's total length/height is metric; people are counting symbols. */
.scale-object.humanity-multitude{padding:0!important;border:0;background:none;overflow:visible}
.scale-object.humanity-multitude>img{display:none!important}
.humanity-tiles{position:absolute;inset:0;display:block;pointer-events:none}
.humanity-tile{display:block;position:absolute;overflow:hidden;pointer-events:none}
.humanity-tile img{display:block;position:absolute;max-width:none!important;max-height:none!important;pointer-events:none;user-select:none}

/* chip-journey.css */
.chip-journey{width:min(1100px,calc(100vw - 32px));max-height:94dvh;padding:26px 34px 24px;border:1px solid #87ada94d;border-radius:22px;background:radial-gradient(ellipse at 24% 48%,#3d51452b,transparent 62%),#101415;color:#edf2ea;overflow:auto;overscroll-behavior:contain}.chip-journey::backdrop{background:#030a11e8}.cj-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.cj-head>span,.cj-kicker{font-size:10px;letter-spacing:1.6px;color:#a9d2cf}.cj-close{width:44px;height:44px;font-size:30px;border-radius:50%;border:1px solid #9bbab737}.cj-steps{display:flex;align-items:center;justify-content:center;gap:10px;margin:16px 0 24px}.cj-steps button{padding:10px 15px;min-height:44px;border:1px solid transparent;border-radius:30px;font-size:13px;color:#9eb5bd}.cj-steps button span{font-size:10px;margin-right:7px;opacity:.65}.cj-steps button[aria-current]{border-color:#a4d6cc88;color:#e3f0e5;background:#9fcbbf12}.cj-steps i{font-size:14px;color:#62848d;font-style:normal}.cj-body{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center;min-height:390px}.cj-visual{position:relative;min-width:0;padding:18px 12px;border-radius:18px;background:radial-gradient(ellipse,#91bcb51a,transparent 68%);border:1px solid #8fa9ac22}.cj-scale-note{display:block;text-align:center;color:#8ea9b1;font-size:10px;letter-spacing:.3px}.cj-art{height:300px;display:flex;align-items:center;justify-content:center}.cj-art>img{width:92%;height:90%;object-fit:contain;filter:drop-shadow(0 15px 22px #0002)}.cj-art>svg{width:100%;height:100%;overflow:visible}.chip-journey .cj-caption{font-size:11px;line-height:1.6;text-align:center;color:#adc3c7;min-height:34px;margin:0}.cj-explanation{min-width:0}.chip-journey h2{font:400 clamp(28px,3.5vw,42px)/1.16 Manrope,sans-serif;letter-spacing:-1px;margin:12px 0 18px;outline:none}.chip-journey .cj-text{font-size:15px;line-height:1.8;color:#c0d0d3;margin:0 0 18px}.chip-journey .cj-metric{font-size:13px;line-height:1.7;color:#ddcdab;padding-top:14px;border-top:1px solid #a2b8b12b;margin:0 0 16px}.cj-source{font-size:11px;color:#a9cabc;display:inline-block;padding:8px 0;text-decoration:underline;text-underline-offset:3px}.cj-map{display:block;text-align:left;min-height:44px;padding:8px 0;font-size:12px;color:#dcebcf}.cj-options{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.cj-options button{border:1px solid #9bb7b342;border-radius:20px;min-height:40px;padding:8px 12px;font-size:11px}.cj-options button[aria-pressed=true]{border-color:#bad5bb;background:#bad5bb13;color:#dce8ce}.cj-switch{min-height:44px;padding:12px 16px;background:#bdd9ca;color:#112c2a;border-radius:24px;font-size:12px}.chip-journey .cj-current{color:#bdd8ce;font-size:12px;min-height:22px}.cj-flow{opacity:0}.cj-current-on .cj-flow{opacity:1;animation:cj-flow 1.4s linear infinite}@keyframes cj-flow{to{stroke-dashoffset:-48}}.chip-journey .cj-scope{font-size:10px;line-height:1.7;color:#8da8b1;margin:20px 0}.cj-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #93b1b32b;padding-top:18px}.cj-bottom button{min-height:44px;font-size:12px;padding:11px 17px;border-radius:25px;border:1px solid #9cbbb63b}.cj-next{background:#c7dcc3;color:#142a23}.cj-progress{color:#9eb4bd;font-size:11px}.cj-detail-open{margin-top:5px}.chip-journey button:focus-visible,.chip-journey a:focus-visible{outline:2px solid #e4c596;outline-offset:3px}
@media(max-width:650px){.chip-journey{width:calc(100vw - 16px);padding:14px 18px 18px;max-height:96dvh;border-radius:16px}.cj-head>span{font-size:9px}.cj-close{width:40px;height:40px}.cj-steps{gap:3px;margin:10px -8px 16px}.cj-steps button{font-size:11px;padding:8px 9px}.cj-steps button span{font-size:9px;margin-right:3px}.cj-steps i{font-size:11px}.cj-body{grid-template-columns:1fr;gap:18px;min-height:0}.cj-visual{padding:12px 6px 5px}.cj-art{height:165px}.cj-scale-note{font-size:9px}.chip-journey .cj-caption{font-size:10px;min-height:28px}.chip-journey h2{font-size:28px;margin:8px 0 12px;letter-spacing:-.6px}.cj-kicker{font-size:9px;margin:0}.chip-journey .cj-text{font-size:12px;line-height:1.75;margin-bottom:12px}.chip-journey .cj-metric{font-size:11px;padding-top:10px;margin-bottom:6px}.cj-options{margin:9px 0}.cj-options button{font-size:10px;min-height:36px;padding:7px 10px}.cj-source{font-size:10px}.cj-map{font-size:11px;min-height:36px}.chip-journey .cj-scope{font-size:9px;margin:12px 0}.cj-bottom{padding-top:12px;gap:8px}.cj-bottom button{font-size:11px;padding:9px 12px}.cj-progress{font-size:10px}.cj-switch{font-size:11px}.chip-journey .cj-current{font-size:11px;margin:8px 0}.cj-transistor{max-height:170px}}
@media(prefers-reduced-motion:reduce){.cj-current-on .cj-flow{animation:none}}

.cj-head{position:sticky;top:-26px;z-index:4;background:#101415;padding:4px 0}@media(max-width:650px){.cj-head{top:-14px}}

.chip-journey .cj-next:hover,.chip-journey .cj-next:focus-visible{background:#d8e8d5;color:#142a23;border-color:#a9c9a5}

.chip-journey .cj-explore{display:block;min-height:44px;margin-top:18px;padding:10px 0;color:#c9d9a7;font-size:14px;text-align:left;text-decoration:underline;text-underline-offset:5px}

/* explain.css */
.explain-open{font-size:11px;color:#d6e4d3;padding:10px 13px;border:1px solid #a7beb33b;border-radius:24px;min-height:40px}.explain-studio{width:min(1320px,calc(100vw - 24px));max-height:96dvh;padding:25px 30px;border:1px solid #a0b2a94d;border-radius:20px;background:#101415;color:#e7eee5;overflow:auto;overscroll-behavior:contain}.explain-studio::backdrop{background:#030505eb}.es-head{position:static;display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:auto;margin:0 0 22px;filter:none!important}.es-head p{font-size:9px;letter-spacing:1.7px;color:#a1c5b9;margin:0 0 8px}.explain-studio .es-head h2{font:400 clamp(22px,3vw,35px)/1.2 Manrope,sans-serif;letter-spacing:-.8px;margin:0;color:#e8eee5}.es-close{width:44px;height:44px;min-width:44px;border:1px solid #78918b55;border-radius:50%;font-size:28px}.es-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:26px}.es-editor{min-width:0}.explain-studio label{font-size:11px;color:#c1cfc7;margin:14px 0 7px}.explain-studio .es-editor>label:first-child{margin-top:0}.explain-studio input[type=text],.explain-studio input[type=search],.explain-studio select,.es-link{width:100%;min-height:43px;border:1px solid #75908a66;border-radius:9px;background:#1a2021;color:#e2eae1;padding:10px 11px;font:12px/1.5 inherit;box-sizing:border-box}.es-results{max-height:180px;overflow:auto}.es-results button{width:100%;text-align:left;font-size:11px;line-height:1.6;padding:10px 7px;border-bottom:1px solid #7a918a2b;min-height:44px}.explain-studio .es-small{font-size:10px;color:#8ea59b;line-height:1.6;margin:10px 0}.es-picked-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #7d9b8f55;border-radius:8px;margin:6px 0;background:#c0d3bc08;font-size:11px;line-height:1.5}.es-picked-item span{flex:1}.es-picked-item button{font-size:20px;min-width:30px;min-height:32px}.es-themes{border:0;padding:0;margin:14px 0;display:flex;gap:18px}.es-themes legend{font-size:11px;color:#bfd0c6}.explain-studio .es-themes label{display:flex;align-items:center;gap:6px;font-size:11px;cursor:pointer;margin:10px 0}.es-district,.es-chip{display:block;width:100%;font-size:11px;line-height:1.5;text-align:left;padding:10px 0;min-height:40px;color:#b3d1bf}.es-preview{min-width:0}.es-preview canvas{display:block;width:auto;max-width:100%;max-height:56dvh;height:auto;margin-inline:auto;aspect-ratio:5/4;background:#f5f3eb;border-radius:10px;box-shadow:0 15px 45px #0003}.explain-studio .es-ready{font-size:10px;line-height:1.5;color:#9cb4a8;margin:12px 0}.es-actions{display:flex;gap:8px;flex-wrap:wrap}.es-actions button{min-height:44px;padding:10px 14px;font-size:11px;line-height:1.5;border:1px solid #839b8c55;border-radius:24px}.es-download{background:#c8dbc2;color:#1d3026}.explain-studio .es-status{font-size:11px;color:#d1ddb9;line-height:1.6;min-height:18px;margin:10px 0}.es-sources{padding:12px 0;border-top:1px solid #829b8c33}.es-sources summary{font-size:11px;color:#b4cbbc;cursor:pointer;min-height:30px}.es-sources article{padding:12px 0;border-top:1px solid #829b8c22}.es-sources h4{font-size:13px;font-weight:500;margin:4px 0 8px}.explain-studio .es-sources p{font-size:10px;line-height:1.7;color:#a1b9b0;margin:7px 0}.es-sources a{font-size:11px;text-decoration:underline;text-underline-offset:3px;color:#b3d2bb;overflow-wrap:anywhere}.explain-studio .es-language{font-size:9px;color:#849b90;line-height:1.5}.es-presets{border-top:1px solid #809c8e33;margin-top:22px;padding-top:16px}.explain-studio .es-presets h3{font:400 18px/1.4 Manrope,sans-serif;margin:0 0 12px}.es-presets>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.es-presets button{min-height:56px;text-align:left;border:1px solid #8aa8973b;border-radius:10px;padding:12px;font-size:11px;line-height:1.5;background:#b5cab007}.es-quick-answer{display:block;width:100%;min-height:44px;margin-top:12px;padding:12px 15px;text-align:left;font-size:12px;border:1px solid #c1d7b85c;border-radius:9px;background:#b0cda00b;color:#d3e4c5}.explain-studio button:focus-visible,.explain-studio a:focus-visible,.explain-studio input:focus-visible,.explain-studio select:focus-visible{outline:2px solid #e0c69c;outline-offset:3px}
@media(max-width:650px){.explain-open{display:none}.explain-studio{width:calc(100vw - 12px);padding:16px 16px 20px;border-radius:14px;max-height:96dvh}.es-head{gap:12px;margin-bottom:18px}.es-head p{font-size:8px}.explain-studio .es-head h2{font-size:24px}.es-layout{grid-template-columns:1fr;gap:18px}.es-editor{display:grid;grid-template-columns:1fr}.es-preview{min-width:0}.es-actions{display:grid;grid-template-columns:1fr}.es-actions button{font-size:12px}.es-presets>div{grid-template-columns:1fr 1fr}.es-presets button{font-size:10px}.es-district,.es-chip{min-height:40px}.es-picked-item{font-size:11px}}

.explain-studio .es-head{position:sticky;top:-25px;left:auto;right:auto;z-index:4;background:#101415;padding:10px 0}@media(max-width:650px){.explain-studio .es-head{top:-16px}}

/* Keep the filled action legible when the global button hover color applies. */
.explain-studio .es-download:hover,.explain-studio .es-download:focus-visible{background:#d8e8d1;color:#1d3026}
.es-options{margin-top:14px}.es-options>summary{min-height:36px;padding:9px 2px;font-size:11px;color:#c1d5c8;cursor:pointer}.es-options[open]>summary{display:none}.es-options-body>label{display:block}
@media(max-width:650px){
 .explain-studio .es-head h2{font-size:21px}.explain-studio .es-head{margin-bottom:10px;padding:5px 0}
 .es-layout{gap:12px}.explain-studio .es-small{margin:7px 0;font-size:10px}
 .es-picked-item{margin:4px 0;padding:5px 9px}.es-picked-item button{min-height:32px}
 .es-options{margin-top:5px}.es-options>summary,.es-options[open]>summary{display:list-item;min-height:36px;padding:9px 2px;font-size:11px;color:#c1d5c8;cursor:pointer}.es-options:not([open])>.es-options-body{display:none}
 .es-options>summary:focus-visible{outline:2px solid #e0c69c;outline-offset:3px}
 .es-preview canvas{max-height:32dvh;width:auto;max-width:100%;margin-inline:auto;aspect-ratio:5/4}
 .explain-studio .es-ready{margin:7px 0;font-size:9px}.es-actions{gap:6px}.es-actions button{min-height:44px;padding:9px 12px}
}

.es-retry{min-height:40px;padding:9px 13px;border:1px solid #8fa998;border-radius:20px;font-size:11px}.es-sources article>a{display:block;margin:6px 0}

.es-search-examples{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 20px}.es-search-examples button{font-size:12px;min-height:36px;padding:6px 12px;border:1px solid #c8d9bb40;border-radius:8px;color:#d4e2cd;background:transparent}

/* Inner dialog headings must size to their copy, including wrapped mobile titles. */
.explain-studio .es-head{height:auto;min-height:0;align-items:flex-start;box-sizing:border-box}
.explain-studio .es-head>div{min-width:0}
.explain-studio .es-close{flex-shrink:0}

/* Touch and keyboard actions keep a 44px target, including compact text controls. */
.explain-studio :is(input[type=text],input[type=search],select,.es-link){min-height:44px}
.explain-studio :is(.es-search-examples button,.es-picked-item button){min-width:44px;min-height:44px}
.explain-studio :is(.es-district,.es-chip,.es-retry){min-height:44px}
.explain-studio :is(.es-options>summary,.es-sources>summary){box-sizing:border-box;min-height:44px;padding-top:12px;padding-bottom:12px}
.explain-studio .es-themes label{min-height:44px;min-width:44px;margin-top:0;margin-bottom:0}
.explain-studio .es-sources article>a{display:flex;align-items:center;min-height:44px}

/* quantity-district.css */
#quantityDistrict{position:fixed;z-index:8;left:22px;bottom:175px;width:290px;max-width:calc(100vw - 44px);padding:12px 15px;border:1px solid #819b8d66;border-radius:14px;background:#141a18ef;color:#d6e3d5}#quantityDistrict>div{display:flex;align-items:center;justify-content:space-between;gap:10px}#quantityDistrict strong{font-size:12px;font-weight:500}#quantityDistrict>div button{min-width:32px;min-height:32px;font-size:22px}#quantityDistrict p{font-size:10px;line-height:1.5;color:#a6bcae;margin:4px 0 8px}#quantityDistrict nav{display:flex;gap:3px;flex-wrap:wrap}#quantityDistrict nav button{min-height:36px;font-size:10px;padding:7px;border:1px solid transparent;border-radius:17px}#quantityDistrict nav button[aria-pressed=true]{border-color:#b3cfb5;color:#e0eada;background:#adc6a913}@media(max-width:650px){#quantityDistrict{bottom:125px;left:12px;right:12px;width:auto;max-width:none;padding:8px 12px}#quantityDistrict p{margin:0 0 4px;font-size:9px}#quantityDistrict nav{justify-content:space-between}#quantityDistrict nav button{min-height:34px;font-size:10px}body:has(#quantityDistrict:not([hidden])) .scene-tools{bottom:245px}}

.district-actions{display:flex;gap:2px;align-items:center}@media(max-width:650px){body.quantity-district-active .scene-tools{display:none}}

/* mobile-focus.css */
/* Phone exploration: one header, one dock, the scene between them. */
@media(max-width:650px),(max-width:900px) and (max-height:500px) and (orientation:landscape){
 body header{left:16px;right:16px;gap:12px}
 body header .top-actions{gap:10px}
 body #bridgeHome,body #mobileChapterBar,body .scene-tools #home,body .scene-tools #humanHome,body #zoomRecovery,body #followObjects{display:none!important}
 body .brand .brand-name{display:flex!important;font-size:10px}
 body .brand .brand-name strong{font-size:12px}
 body #stageScale{top:calc(env(safe-area-inset-top) + 68px);left:18px;height:18px;pointer-events:none}
 body #stageScale small{font-size:12px;color:#c2ccc5}
 body:not(.distance-mode) #stage:after{height:100px;background:linear-gradient(#08090ae8,transparent)}
 body .intro-panel{left:12px;right:118px;bottom:calc(12px + env(safe-area-inset-bottom));width:auto;max-width:none;padding:8px 8px 8px 12px;border-radius:16px;background:#131715f5;border-color:#9cae9a38}
 body .intro-panel .selected-info,body .intro-panel .selected-info.with-history{grid-template-columns:minmax(0,1fr) 44px;grid-template-areas:'name actions' 'value actions';column-gap:6px;row-gap:3px;min-height:44px}
 body .intro-panel #name,body .intro-panel #name.long-name,body .intro-panel .with-history #name{font-size:16px;line-height:1.35;letter-spacing:-.2px}
 body .intro-panel .measurement,body .intro-panel .with-history .measurement{flex-direction:row;align-items:baseline;justify-self:start;text-align:left;max-width:100%;font-size:14px;gap:4px}
 body .intro-panel .measurement #unit{font-size:12px;line-height:1.3}
 body .intro-panel #detailsOpen{background:transparent;border:0;font-size:22px}
 body:not(.distance-mode) .scene-tools{left:auto;right:12px;top:auto;bottom:calc(12px + env(safe-area-inset-bottom));gap:0}
 body:not(.distance-mode) .zoom-controls{flex-direction:row;gap:0;padding:8px 2px;height:64px;box-sizing:border-box;border-radius:16px;background:#131715f5;border-color:#9cae9a38}
 body:not(.distance-mode) .zoom-controls button{width:44px;height:44px;min-height:44px;font-size:24px}
 body:not(.distance-mode) .zoom-direction-label{display:none}
 body .physical-banknote-continuation{display:none!important}
 body .object-caption{font-size:12px;line-height:1.4}
 body .object-caption small{font-size:11px;line-height:1.4}
 body .mobile-dialog{padding:20px;background:#111512;border-color:#9cae9a38;border-radius:22px;max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
 body .mobile-dialog-head{top:-20px;background:#111512;padding:0 0 12px}
 body .mobile-dialog .mobile-dialog-head h2{font-size:23px}
 .mobile-section-title{font:600 14px/1.5 Manrope,sans-serif;color:#b9c5b5;margin:22px 0 10px;letter-spacing:0}
 .mobile-menu-grid,.mobile-menu-tools,.mobile-menu-settings{display:grid;grid-template-columns:1fr;gap:4px}
 body .mobile-menu-item,body .mobile-menu-settings>button.ambience-trigger{font-size:15px;min-height:52px;padding:12px;border:0;border-radius:10px;background:transparent;width:100%;text-align:left;justify-content:flex-start;color:#e0e6db}
 body .mobile-menu-item:hover,body .mobile-menu-item:focus-visible{background:#bed1b312}
 .mobile-menu-tools{grid-template-columns:1fr 1fr;gap:6px}
 body .mobile-menu-tools .mobile-menu-item{font-size:14px;border:1px solid #9cae9a25;background:#b5c4ab06}
 .mobile-language-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding:8px 12px;font:15px/1.5 Manrope,sans-serif;color:#e0e6db}
 .mobile-language-row .atlas-language select{min-width:90px;font-size:14px;background:#192019}
 body .mobile-settings .distance-mode-switch{position:static;display:flex;height:auto;min-height:48px;padding:8px 12px;gap:24px;margin-top:8px;z-index:auto}
 body .mobile-settings .distance-mode-switch button{font-size:14px;min-height:44px}
 .mobile-scale-picker{margin-top:24px;padding:16px 0 8px;border-top:1px solid #9cae9a38}
 .mobile-scale-picker .timeline{position:relative;height:92px}
 .mobile-scale-picker #ticks{height:40px}
 .mobile-scale-picker .tick b{font-size:11px;bottom:16px}
 .mobile-scale-picker .tick.major:nth-child(10n + 1) b{display:none}
 .mobile-scale-picker #scale{top:0;height:44px}
 .mobile-scale-picker #scale::-webkit-slider-thumb{height:30px}
 .mobile-scale-picker #scale::-moz-range-thumb{height:30px}
 .mobile-scale-picker .timeline:before{top:39px}
 .mobile-scale-picker .timeline-labels{margin-top:12px;font-size:11px;letter-spacing:0;gap:8px;align-items:center}
 .mobile-scale-picker .timeline-labels button{font-size:11px;min-height:44px}
 body .mobile-chapter-item{font-size:15px;min-height:56px;padding:12px}
 body #quantityDistrict{bottom:calc(92px + env(safe-area-inset-bottom))}
 body #quantityDistrict p{font-size:12px}
 body #quantityDistrict nav button{font-size:12px;min-height:44px}
 body .mobile-toast{bottom:calc(94px + env(safe-area-inset-bottom));font-size:13px}
}

/* One continuous scale control, shared by touch, mouse and keyboard. */
body:not(.distance-mode) #zoomIn,body:not(.distance-mode) #zoomOut{display:none!important}
@media(max-width:650px),(max-width:900px) and (max-height:500px) and (orientation:landscape){
 body:not(.distance-mode) .scene-tools{display:none!important}
 body:not(.distance-mode) footer{display:block!important;position:fixed;left:12px;right:12px;bottom:0;width:auto;height:calc(64px + env(safe-area-inset-bottom));padding:0 12px env(safe-area-inset-bottom);border:1px solid #9cae9a38;border-bottom:0;border-radius:16px 16px 0 0;background:#131715f5;z-index:10}
 body footer:before,body footer .journey,body footer .bottom{display:none!important}
 body footer .timeline{position:relative;height:62px;margin:0}
 body footer #ticks{height:30px}
 body footer .tick b{display:none}
 body footer .tick{height:4px;opacity:.4}
 body footer .tick.major{height:8px}
 body footer .timeline:before{top:25px;background:#a0b39766}
 body footer #scale{top:2px;left:0;width:100%;height:44px;cursor:ew-resize;touch-action:none}
 body footer #scale::-webkit-slider-thumb{width:20px;height:28px;border-radius:7px;background:#d4e4c7;border:3px solid #141c17;box-shadow:0 0 0 1px #d4e4c7}
 body footer #scale::-moz-range-thumb{width:14px;height:22px;border-radius:7px;background:#d4e4c7;border:3px solid #141c17;box-shadow:0 0 0 1px #d4e4c7}
 body footer .timeline-labels{position:absolute;top:42px;left:0;right:0;margin:0;height:16px;font-size:9px;letter-spacing:.2px;pointer-events:none}
 body footer .timeline-labels button{font-size:9px;min-height:0;padding:0}
 body footer .timeline-labels button[data-log]{display:none}
 body:not(.distance-mode) .intro-panel{bottom:calc(76px + env(safe-area-inset-bottom));right:12px}
 body #quantityDistrict{bottom:calc(156px + env(safe-area-inset-bottom))}
 body .mobile-toast{bottom:calc(158px + env(safe-area-inset-bottom))}
 body.distance-mode footer{display:none!important}
 .mobile-scale-picker{display:none}
}
@media(max-width:360px) and (orientation:portrait){
 body .brand .brand-name{display:flex!important;letter-spacing:1px;font-size:9px}
 body .brand .brand-name strong{font-size:11px}
 body .intro-panel #name,body .intro-panel #name.long-name{font-size:14px}
}
@media(max-width:900px) and (max-height:500px) and (orientation:landscape){
 body header{top:calc(env(safe-area-inset-top) + 4px)}
 body #stageScale{top:calc(env(safe-area-inset-top) + 51px)}
 body .intro-panel{right:auto;width:260px;max-width:50vw}
 body .mobile-dialog{width:min(620px,calc(100vw - 24px))}
 .mobile-menu-grid{grid-template-columns:1fr 1fr}
}

/* Avoid stacked raster masks and SVG filters on scaled phone images. */
@media(max-width:650px),(max-width:900px) and (max-height:500px) and (orientation:landscape){
 body:not(.distance-mode) #objects{mask-image:none;-webkit-mask-image:none}
 body .scale-object,body .scale-object .object-caption{will-change:auto}
 body.atlas-diagram-legibility-ready .scale-object img{filter:none!important}
 body .intro-panel,body .scene-tools{isolation:isolate}
 body .intro-panel #name,body .intro-panel #name.long-name,body .intro-panel .with-history #name,body .intro-panel #name .object-heading-name{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere}
}
@media(max-width:650px){body #quantityMap,body #riverBrowser{bottom:calc(152px + env(safe-area-inset-bottom));height:min(45svh,420px);min-height:200px}}

/* Shared navigation: the same settings and saved references on phone and desktop. */
body.explorer-page .shell-menu-open{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;border:1px solid #abc7bc4d;border-radius:50%;background:#191d1eed;color:#dbe4d8;font:500 26px/1 Manrope,sans-serif;letter-spacing:1px;padding:0 0 8px}
body.explorer-page header #aboutOpen,body.explorer-page header #desktopSavedOpen,body.explorer-page header #explainOpen,body.explorer-page header #bridgeHome{display:none!important}
body.explorer-page header #searchOpen{min-height:44px;font-size:12px}
body.explorer-page header::before{content:'';position:fixed;left:0;right:0;top:0;height:86px;z-index:-1;background:#101112f5;border-bottom:1px solid #c8d9bb14;pointer-events:none}
body.explorer-page footer:before{background:linear-gradient(0deg,#101112 0%,#101112f5 72%,#101112cc);border-top:1px solid #c8d9bb14}
body.explorer-page .object-caption,body.explorer-page .object-caption small{font-size:12px;line-height:1.5}
body.explorer-page footer .hint,body.explorer-page footer .bottom,body.explorer-page footer .bottom button,body.explorer-page footer .bottom a,body.explorer-page footer .journey>button,body.explorer-page footer .timeline-labels,body.explorer-page footer .timeline-labels button,body.explorer-page footer .tick b{font-size:12px;letter-spacing:0}
body.explorer-page footer .power small{font-size:12px;letter-spacing:.7px}
body.explorer-page .catalog-count,body.explorer-page .brand-sub{font-size:12px}
body.explorer-page #zoomRecovery small,body.explorer-page #guidedZoom,body.explorer-page .follow-objects{font-size:12px}
#mobileMenuDialog .mobile-section-title{font:600 14px/1.5 Manrope,sans-serif;color:#b9c5b5;margin:22px 0 10px;letter-spacing:0}
#mobileMenuDialog .mobile-menu-grid,#mobileMenuDialog .mobile-menu-tools,#mobileMenuDialog .mobile-menu-settings{display:grid;grid-template-columns:1fr 1fr;gap:6px}
#mobileMenuDialog .mobile-menu-item,#mobileMenuDialog .mobile-menu-settings>button.ambience-trigger{display:flex;align-items:center;gap:10px;min-height:48px;font-size:14px;line-height:1.5;padding:10px 12px;text-align:left;color:#d5e0d0;border:1px solid #c8d9bb24;border-radius:9px;background:#bed1b306;white-space:normal}
#mobileMenuDialog .mobile-menu-item:hover,#mobileMenuDialog .mobile-menu-item:focus-visible{background:#bed1b312}
#mobileMenuDialog .mobile-menu-icon{display:flex;align-items:center;justify-content:center;width:22px;flex:none;color:#d1dfbb;font-size:18px}
#mobileMenuDialog .mobile-language-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding:8px 12px;font-size:14px;color:#d5e0d0}
#mobileMenuDialog .mobile-language-row .atlas-language select{min-width:90px;font-size:14px;background:#192019}
#mobileMenuDialog .mobile-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
#mobileMenuDialog .mobile-dialog-head h2{font:400 24px/1.3 Manrope,sans-serif;margin:0}
#mobileMenuDialog .mobile-dialog-head button{font-size:26px;min-height:44px;width:44px;flex:none}
#mobileChapterDialog .mobile-chapter-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#mobileChapterDialog .mobile-chapter-item{min-height:48px;padding:12px;text-align:left;font-size:14px;line-height:1.5;border:1px solid #c8d9bb30;border-radius:9px;background:#bed1b306;color:#d5e0d0}
#mobileChapterDialog .mobile-chapter-item[aria-current=true]{background:#c8d9bb15;border-color:#c8d9bb90}
@media(min-width:651px) and (min-height:501px){
 body.explorer-page header{top:20px;gap:20px}
 body.explorer-page header .top-actions{gap:12px}
 body.explorer-page header .discover-link{font-size:13px;min-height:44px;display:inline-flex;align-items:center}
 body.explorer-page .scales{top:94px;left:42px;right:42px;transform:none;max-width:none;gap:clamp(10px,1.2vw,22px);justify-content:center;min-height:44px;padding:0 12px;border:1px solid #c8d9bb14;border-radius:10px;background:#101112ed}
 body.explorer-page .scales button{font-size:12px;line-height:1.5;min-height:42px}
 body.explorer-page #stageScale{top:151px}
 body.explorer-page .distance-mode-switch{font-size:12px}
 body.explorer-page .distance-mode-switch button{font-size:12px;min-height:36px}
 body.explorer-page .mobile-dialog{width:min(620px,calc(100vw - 48px));max-height:calc(100dvh - 48px);padding:26px;border-radius:20px;background:#111512;border-color:#9cae9a38}
 body.explorer-page .journey{margin-bottom:18px}
 body.explorer-page footer .timeline-labels{margin-top:14px;min-height:30px;align-items:center}
 body.explorer-page footer .timeline-labels button{min-height:30px}
 body.explorer-page footer .bottom{margin-top:9px;line-height:1.5}
}
@media(max-width:1100px) and (min-width:651px) and (min-height:501px){
 body.explorer-page .catalog-count,body.explorer-page .brand-sub{display:none}
 body.explorer-page .scales{left:22px;right:22px;gap:12px}
 body.explorer-page .scales button{font-size:12px}
}
@media(max-width:650px),(max-width:900px) and (max-height:500px) and (orientation:landscape){
 body.explorer-page header::before{height:calc(62px + env(safe-area-inset-top));background:#101112f5}
 body.explorer-page footer .timeline-labels{top:44px;height:18px;font-size:12px}
 body.explorer-page footer .timeline-labels button{font-size:12px;min-height:18px;line-height:18px}
 body.explorer-page .object-caption small,body.explorer-page #quantityDistrict p,body.explorer-page #quantityDistrict nav button{font-size:12px}
 body.explorer-page #stageScale small{font-size:12px}
 #mobileMenuDialog .mobile-menu-grid,#mobileMenuDialog .mobile-menu-settings{grid-template-columns:1fr}
 body.explorer-page footer .timeline-labels button[data-jump]{pointer-events:none}
 body.explorer-page footer .timeline-labels button[data-jump]{display:none}
 body.explorer-page footer .timeline-labels:before{content:'PLANCK';font-size:12px;color:#afc0b5}
}
body.explorer-page #stageScale small,body.explorer-page #stageScale:before{font-size:12px}
@media(max-width:1100px) and (min-width:651px) and (min-height:501px){body.explorer-page .scales{justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}}
#mobileMenuDialog .mobile-language-row{margin:0;border:1px solid #c8d9bb24;border-radius:9px;min-width:0;min-height:48px;padding:8px 12px}
#mobileMenuDialog .mobile-language-row .atlas-language{flex:none}
@media(min-width:651px) and (min-height:501px){#mobileMenuDialog .mobile-menu-item[data-shell-action="Voyages"],#mobileMenuDialog .mobile-menu-item[data-shell-action="Quantités"]{display:none}}
body.explorer-page .zoom-recovery button,body.explorer-page .scene-tools .landmark-button,body.explorer-page .intro-panel .text-button,body.explorer-page #measureLabel,body.explorer-page #referenceReadout,body.explorer-page #category,body.explorer-page .object-date,body.explorer-page #stageUnitHint{font-size:12px}
/* The optional welcome owns interaction until exploration resumes. */
body.explorer-page.bridge-welcome footer{display:none!important;pointer-events:none!important}
#mobileMenuDialog .mobile-language-row .atlas-language{margin:0}
#mobileMenuDialog .mobile-menu-icon{display:none}

/* Brand stays on two lines, including the narrowest supported phone. */
body header .brand .brand-name{display:grid!important;grid-template-columns:max-content;gap:2px;white-space:nowrap;line-height:1.05;font-size:13px}
body header .brand .brand-name>span,body header .brand .brand-name>strong{display:block;white-space:nowrap}
@media(max-width:650px){body header .brand .brand-name{display:grid!important;font-size:12px;letter-spacing:.5px;gap:2px}body header .brand .brand-name strong{font-size:14px;letter-spacing:1px}body header .brand{flex-shrink:0;gap:7px}}
@media(max-width:360px){body header .brand .brand-name{font-size:12px;letter-spacing:.3px}body header .brand .brand-name strong{font-size:13px;letter-spacing:.8px}}

/* scale-journeys.css */
.scale-journey{position:fixed;z-index:18;left:28px;bottom:165px;width:350px;max-width:calc(100vw - 36px);font:14px/1.5 Manrope,sans-serif;color:#e3eadc}.scale-journey[hidden]{display:none!important}.scale-journey .play-panel{padding:12px 14px;border:1px solid #a6bc9960;border-radius:18px;background:#111612f5;box-shadow:0 10px 40px #0004}.sj-head{display:flex;align-items:center;gap:8px}.sj-head select{font:inherit;font-size:13px;min-height:44px;min-width:0;flex:1;border:0;background:#1a231b;border-radius:10px;color:#d8e6c8;padding:8px}.scale-journey button{min-height:44px;min-width:44px;border-radius:10px}.sj-close{font-size:24px}.sj-progress{font-size:12px;color:#a7b89c;margin:10px 0 4px}.sj-title{font-size:17px;font-weight:400;line-height:1.4;margin:0 0 8px;letter-spacing:-.3px}.sj-copy{max-height:125px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.sj-note{font-size:13px;line-height:1.55;color:#becbbb;margin:0 0 8px}.sj-human{font-size:12px;line-height:1.5;color:#d9e6bb;margin:4px 0 8px}.sj-actions{display:flex;gap:6px;margin-top:8px;align-items:center}.sj-info{font:italic 21px Georgia,serif}.sj-next{flex:1;padding:10px 12px;background:#c9d9a7;color:#172116;text-align:center;font:inherit;font-size:14px}.scale-journey :focus-visible{outline:2px solid #e7c894;outline-offset:3px}
@media(max-width:650px),(max-width:900px) and (max-height:500px) and (orientation:landscape){body .play-card.scale-journey{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));top:auto;width:auto;max-width:none;transform:none}body .scale-journey .play-panel{background:#111612f5;border-radius:18px;padding:8px 12px 10px;max-height:none!important}body .scale-journey .sj-copy{max-height:80px}body .scale-journey .sj-title{font-size:16px;margin-bottom:6px}body.play-open .scene-tools{display:none!important}body .scale-journey .sj-progress{margin:5px 0 3px}body .scale-journey .sj-actions{margin-top:4px}}
@media(max-width:900px) and (max-height:500px) and (orientation:landscape){body .play-card.scale-journey{left:12px;right:auto;width:300px;max-width:42vw}body .scale-journey .sj-copy{max-height:65px}}

.sj-about-link{min-height:44px;display:block;color:#c9d9a7;text-decoration:underline;text-underline-offset:5px;margin-top:14px;padding:8px 0;font:inherit}

.scale-journey .sj-next,.scale-journey .sj-next:hover,.scale-journey .sj-next:focus-visible{color:#172116}
@media(max-width:650px),(max-width:900px) and (max-height:500px) and (orientation:landscape){body .play-card.scale-journey:not(.play-collapsed) .play-panel{background:#111612f5;padding:8px 12px 10px;border-radius:18px;max-height:none!important}}
@media(max-width:650px),(max-width:900px) and (max-height:500px) and (orientation:landscape){body .play-card.scale-journey{bottom:calc(76px + env(safe-area-inset-bottom))}}

/* pwa.css */
.pwa-install-link[hidden]{display:none!important}.pwa-install-link{display:inline-flex;text-decoration:none;align-items:center;min-height:44px;margin-top:12px}.pwa-update{display:block;min-height:44px;padding:10px 12px;border:1px solid #c9d9a755;border-radius:12px;background:#c9d9a714;color:#dce6ce;font:inherit;text-align:left;margin-top:10px;cursor:pointer}
@font-face{font-family:Manrope;src:url("/fonts/manrope-latin-400-normal.woff2") format('woff2');font-style:normal;font-weight:400;font-display:swap}
.install-page{margin:0;min-height:100dvh;background:#08090a;color:#e4e9df;font:16px/1.7 Manrope,system-ui,sans-serif;color-scheme:dark}.install-page *{box-sizing:border-box}.install-page main{width:min(680px,100%);margin:auto;padding:32px 24px 64px}.install-back{display:inline-flex;min-height:44px;align-items:center;margin-bottom:38px;color:#c9d9a7;text-decoration:none}.install-icon{display:block;border:1px solid #9cae9a38;border-radius:20px;margin-bottom:22px}.install-brand{font-size:12px;letter-spacing:2px;color:#b4c2a4}.install-page h1{font-size:clamp(32px,7vw,48px);line-height:1.15;letter-spacing:-1.5px;font-weight:400;margin:14px 0 20px}.install-lead{color:#bac6bc;max-width:530px;margin-bottom:26px}.pwa-install-primary{display:inline-flex;align-items:center;justify-content:center;min-height:52px;border:0;border-radius:26px;background:#c9d9a7;color:#182017;font:inherit;text-decoration:none;padding:12px 24px;cursor:pointer}.pwa-install-primary:disabled{opacity:.55;cursor:default}.install-page #installStatus{font-size:14px;color:#c9d9a7;min-height:24px}.install-page h2{font-size:22px;font-weight:400;line-height:1.4;margin:36px 0 18px}.install-instructions article{padding:18px 20px;margin:10px 0;border:1px solid #9cae9a38;border-radius:16px;background:#121612}.install-instructions h3{font-size:17px;font-weight:400;margin:0 0 8px}.install-instructions p,.install-note p{color:#bac6bc;font-size:15px;margin:0}.install-note{margin-top:32px;padding-top:4px;border-top:1px solid #9cae9a38}.install-page a:focus-visible,.install-page button:focus-visible{outline:3px solid #e7c894;outline-offset:4px}.install-page .pwa-update{font-size:15px}@media(display-mode:standalone){.install-back{margin-bottom:24px}}@media(max-width:360px){.install-page main{padding:24px 18px 40px}}

/* audit-refinements.css */
.search-length-summary{grid-column:1/-1;font-size:14px;line-height:1.7;color:var(--ink);overflow-wrap:anywhere;padding:12px 0;margin:0}
#keyboardHelp dl{display:grid;grid-template-columns:minmax(85px,1fr) 3fr;gap:16px;font-size:14px;line-height:1.6}#keyboardHelp dt{color:var(--accent)}#keyboardHelp dd{margin:0}#keyboardHelp .modal-head h2{font-size:22px;margin:0}#keyboardHelp .modal-head button{min-width:44px;min-height:44px}

.search-length-go{grid-column:1/-1;justify-self:start;min-height:44px;margin:0 0 8px;font-size:14px;padding:11px 18px}

#searchDiscoveryActions{display:flex;flex-wrap:wrap;gap:16px;margin:8px 0}#searchDiscoveryActions button{font-size:12px;min-height:44px;padding:6px 0}

/* explorer-shell.css */
/* Explorer chrome: primary destinations, one overflow menu, solid reading surfaces. */
body.explorer-page > header{
  top:0;left:0;right:0;min-height:80px;height:auto;padding:16px 32px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  background:#101112;border-bottom:1px solid #c8d9bb24;isolation:isolate;
  pointer-events:auto;z-index:26;
}
body.explorer-page > header::before{display:none}
body.explorer-page > header .brand{flex:none;min-width:0}
body.explorer-page > header .brand-sub,
body.explorer-page > header .catalog-count,
body.explorer-page > header .bridge-nav{display:none!important}
body.explorer-page > header .top-actions{display:flex;align-items:center;gap:20px;margin-left:auto;min-width:0;flex:none}
body.explorer-page > header .discover-link{
  display:inline-flex;align-items:center;min-height:44px;padding:8px 0;
  color:#d8e0d6;font-size:14px;line-height:1.4;white-space:nowrap;
}
body.explorer-page > header .discover-link:hover{color:#eef3e9;text-decoration:underline;text-underline-offset:6px}
body.explorer-page > header #searchOpen,
body.explorer-page > header .shell-menu-open,
body.explorer-page > header .shell-chapters-open{
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;
  background:#191b1b;color:#e3e9df;border:1px solid #c8d9bb3d;
}
body.explorer-page > header #searchOpen{font-size:14px;gap:10px;padding:10px 15px;border-radius:24px}
body.explorer-page > header #searchOpen kbd{font-size:12px;margin-left:5px}
body.explorer-page > header .shell-chapters-open{font-size:13px;line-height:1.4;padding:10px 14px;border-radius:24px;white-space:nowrap}
body.explorer-page > header .shell-menu-open{width:44px;flex:none;font-size:26px;padding:0 0 8px;border-radius:50%}
body.explorer-page > header #searchOpen:hover,
body.explorer-page > header .shell-menu-open:hover,
body.explorer-page > header .shell-chapters-open:hover{background:#242924;border-color:#c8d9bb80}
/* Scale families stay in the accessible chapter dialog, rather than a second toolbar. */
body.explorer-page .scales{display:none!important}
body.explorer-page #stageScale{top:calc(var(--atlas-header-bottom,80px) + 12px);background:#101112;color:#c1cbc2;border:1px solid #c8d9bb24;border-radius:8px;padding:10px 12px;min-height:40px;height:auto;bottom:auto}
body.explorer-page #stageScale small,
body.explorer-page #stageScale::before{font-size:12px;line-height:1.5;color:#c1cbc2}
body.explorer-page > footer{
  left:0;right:0;bottom:0;width:auto;margin:0;
  padding:12px 32px calc(12px + env(safe-area-inset-bottom));
  background:#101112;border-top:1px solid #c8d9bb24;isolation:isolate;
}
body.explorer-page > footer::before{display:none}
body.explorer-page > footer .journey{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;height:auto;min-height:30px;margin:0 0 10px}
body.explorer-page > footer #play{display:none}
body.explorer-page > footer #humanHome{grid-column:1;grid-row:1;justify-self:start}
body.explorer-page > footer .hint{position:static;grid-column:2;grid-row:1;transform:none;color:#b6c0b8;font-size:12px;letter-spacing:0}
body.explorer-page > footer .power{grid-column:3;grid-row:1;justify-self:end}
body.explorer-page > footer .power small{font-size:12px;color:#b6c0b8}
body.explorer-page > footer .journey > button,
body.explorer-page > footer .timeline-labels,
body.explorer-page > footer .timeline-labels button,
body.explorer-page > footer .tick b,
body.explorer-page > footer .bottom,
body.explorer-page > footer .bottom button,
body.explorer-page > footer .bottom a{font-size:12px;line-height:1.5;letter-spacing:0;color:#b6c0b8}
body.explorer-page > footer .timeline-labels{min-height:30px;margin-top:10px;align-items:center}
body.explorer-page > footer .timeline-labels button{min-height:30px}
body.explorer-page > footer .bottom{margin-top:6px;gap:12px}
body.explorer-page > footer .bottom a,
body.explorer-page > footer .bottom button{color:#d3dfcc}
#mobileMenuDialog,#mobileChapterDialog{background:#101112;border-color:#c8d9bb3d}
#mobileMenuDialog .mobile-dialog-head,#mobileChapterDialog .mobile-dialog-head{background:#101112}
#mobileMenuDialog .mobile-menu-item,#mobileChapterDialog .mobile-chapter-item{font-size:14px;line-height:1.5}
#mobileMenuDialog .mobile-section-title{font-size:14px;color:#c1cbbd}
@media(min-width:651px) and (min-height:501px){
  body.explorer-page > header :is(#quantitiesOpen,#voyagesOpen){display:inline-flex!important}
}
/* Raise supporting copy without changing headings, metric values or diagram geometry. */
body.explorer-page :is(
  .modal-head,dialog label,dialog small,.fact,.caution,.art-open > span,#source,#historySource,
  #resultCount,.result small,.result .result-size,.dialog-actions .solid,
  .explore-actions button,.explore-status,.saved-object small,.share-status,
  .river-browser-heading p,.river-browser-filters label,.river-browser-copy small,
  .river-browser-length,.river-browser-pages span,.river-browser-note,
  #riverBrowserStatus,#riverBrowserFrame,#riverBrowserDetail,#riverBrowserBrowse,
  .river-scale-note,#quantityMap label,.quantity-map-period,#quantityMapStatus,
  #quantityMapTokens p,#quantityMapFootprintDescription,#quantityMapBanknoteBase p,
  .banknote-detail span,.banknote-detail strong,.banknote-base-scene span,
  #quantityDistrict p,#quantityDistrict nav button,.centimetre-reference p,.centimetre-diagram small,
  .hubble-heading p,.hubble-kicker,.hubble-image-label,.hubble-angle span,
  .hubble-history summary,.hubble-history p,.hubble-source,.hubble-credit,
  .hubble-zoom button:last-child,.hubble-stat span,
  .technology-head,.technology-section-heading > span,.technology-choices button > span,
  .technology-choices strong,.technology-scale-scene figcaption,.technology-scale-note,
  .technology-actions button,.technology-source,.technology-scope-note,.technology-detail-grid p,
  .technology-detail-grid button,.technology-milestones p,.technology-milestones a,
  .technology-history-note,.technology-detail-image-note,.technology-footer p,.technology-kind,
  .technology-progress-proof > span,
  .es-head p,.explain-studio label,.es-results button,.es-small,.es-picked-item,
  .es-themes legend,.es-district,.es-chip,.es-ready,.es-actions button,.es-status,
  .es-sources summary,.es-sources p,.es-sources a,.es-language,.es-presets button,.es-options > summary,
  .cj-head > span,.cj-kicker,.cj-steps button,.cj-steps button span,.cj-steps i,.cj-bottom button,.cj-scale-note,
  .cj-caption,.cj-source,.cj-options button,.cj-scope,.cj-progress,.cj-map,.cj-switch,
  .cj-current,.cj-metric
){font-size:12px;line-height:1.6}
body.explorer-page :is(.result > div,.river-browser-copy strong,.river-browser-filters input,.river-browser-filters select){font-size:13px;line-height:1.5}
body.explorer-page .caution{font-size:12px!important}
body.explorer-page :is(.caution,.hubble-credit,.technology-detail-image-note,.technology-footer p,.es-language){color:#acbbb2!important}
@media(min-width:651px) and (max-width:1099px){
  body.explorer-page > header{padding:12px 24px;gap:20px;min-height:72px}
  body.explorer-page > header .top-actions{gap:18px}
  body.explorer-page > header .shell-chapters-open{display:none}
  body.explorer-page > header #searchOpen{width:44px;padding:10px}
  body.explorer-page > header #searchOpen > span,
  body.explorer-page > header #searchOpen kbd{display:none}
  body.explorer-page > footer{padding-left:24px;padding-right:24px}
  body.explorer-page > footer .hint{display:none}
  body.explorer-page > footer .journey{grid-template-columns:1fr 1fr}
  body.explorer-page > footer .power{grid-column:2}
}
@media(max-width:650px),(max-width:900px) and (max-height:500px) and (orientation:landscape){
  body.explorer-page > header{top:0;left:0;right:0;padding:calc(8px + env(safe-area-inset-top)) 16px 8px;min-height:64px;height:auto;gap:12px}
  body.explorer-page > header .top-actions{gap:10px;flex:none}
  body.explorer-page > header .discover-link,
  body.explorer-page > header .shell-chapters-open{display:none!important}
  body.explorer-page > header #searchOpen{display:inline-flex;width:44px;height:44px;padding:10px;flex:none}
  body.explorer-page > header #searchOpen > span,
  body.explorer-page > header #searchOpen kbd{display:none}
  body.explorer-page > header #mobileMenuOpen{display:inline-flex!important}
  body.explorer-page #stageScale{top:calc(var(--atlas-header-bottom,64px) + 8px);left:16px;padding:5px 8px;min-height:28px}
  body.explorer-page > footer{display:block;left:0;right:0;bottom:0;height:calc(64px + env(safe-area-inset-bottom));padding:0 16px env(safe-area-inset-bottom);border-left:0;border-right:0;border-bottom:0;border-radius:0;background:#101112}
  body.explorer-page > footer .journey,body.explorer-page > footer .bottom{display:none!important}
  body.explorer-page > footer .timeline{height:62px}
  body.explorer-page > footer .timeline-labels{top:44px;height:18px;min-height:18px;margin:0;font-size:12px;line-height:18px}
  body.explorer-page > footer .timeline-labels button{font-size:12px;line-height:18px;min-height:18px}
  body.explorer-page > footer .timeline-labels::before{font-size:12px;color:#b6c0b8}
}
@media(max-width:360px){
  body.explorer-page > header{padding-left:12px;padding-right:12px;gap:10px}
  body.explorer-page > header .top-actions{gap:8px}
}

/* scale-insights.css */
/* Only the three selected insight references use this contextual explanation. */
.scale-insight-context[hidden],.scale-insight-context [hidden]{display:none!important}
body.explorer-page .intro-panel.has-scale-insight-panel{display:block!important}
.intro-panel.has-scale-insight-panel .explore-actions,.intro-panel.has-scale-insight-panel .explore-status{display:none!important}
.scale-insight-context{pointer-events:auto;margin-top:10px;padding-top:10px;border-top:1px solid #c8d9bb30;max-width:330px;min-width:0}
.scale-insight-context p{margin:0;font-size:12px;line-height:1.5;letter-spacing:0;overflow-wrap:anywhere}
.scale-insight-context .scale-insight-fact{color:#d4e2ca}
.scale-insight-context .scale-insight-scope{color:#acbbb2}
.scale-insight-context .scale-insight-warning{color:#d5d8ca}
.scale-insight-actions{display:flex;gap:8px 16px;align-items:center;flex-wrap:wrap;margin-top:5px}
.scale-insight-actions a,.scale-insight-actions button{font-size:12px;line-height:1.5;color:#d4e2ca;min-height:32px;padding:5px 0;white-space:normal;text-align:left;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.scale-insight-actions button{background:none;border:0;border-radius:0}
.scale-insight-actions :focus-visible{outline:2px solid #c8d9bb;outline-offset:4px;border-radius:2px}
.selected-info.has-scale-insight #measureLabel,.selected-info.has-scale-insight #referenceReadout{display:none!important}
@media(min-width:651px) and (min-height:501px){
 body.explorer-page .intro-panel.has-scale-insight-panel{padding:13px 15px;border:1px solid #c8d9bb30;border-radius:12px;background:#101112f5;max-width:330px}
 body.explorer-page .intro-panel.has-scale-insight-panel:before{display:none}
 .has-scale-insight-panel .selected-info>.eyebrow{display:none}
 .has-scale-insight-panel .selected-info h2,.has-scale-insight-panel .selected-info h2.long-name{font-size:19px;line-height:1.3;letter-spacing:-.3px;margin-bottom:6px}
 .has-scale-insight-panel .measurement{font-size:19px}
 .has-scale-insight-panel .inspector-actions{margin-top:3px}
 .has-scale-insight-panel .inspector-actions #pin{display:none!important}
 .has-scale-insight-panel .scale-insight-context{margin-top:5px;padding-top:7px}
}
@media(max-width:650px),(max-width:900px) and (max-height:500px) and (orientation:landscape){
 body.explorer-page .intro-panel .selected-info.has-scale-insight,body.explorer-page .intro-panel .selected-info.has-scale-insight.with-history{grid-template-areas:'name actions' 'value actions' 'insight insight'}
 body.explorer-page .intro-panel .scale-insight-context{grid-area:insight;max-width:none;margin-top:3px;padding-top:6px}
 body.explorer-page .intro-panel .scale-insight-context p{font-size:12px;line-height:1.45}
 body.explorer-page .intro-panel .scale-insight-actions{gap:4px 12px;margin-top:2px}
 body.explorer-page .intro-panel .scale-insight-actions a,body.explorer-page .intro-panel .scale-insight-actions button{font-size:12px;min-height:30px;padding:4px 0}
}

/* mobile-options.css */
/* The main menu leads with destinations; optional shortcuts stay in one disclosure. */
#mobileMenuDialog{
  width:min(520px,calc(100vw - 40px));max-height:calc(100dvh - 48px);
  padding:0 24px 20px;border:1px solid #c8d9bb36;border-radius:18px;
  background:#101112;overflow-y:auto;overscroll-behavior:contain;
  scroll-padding-top:88px;scrollbar-color:#73836f #101112;
}
#mobileMenuDialog .mobile-dialog-head{
  position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;
  gap:16px;min-height:76px;margin:0;padding:16px 0;background:#101112;
  border-bottom:1px solid #c8d9bb24;
}
#mobileMenuDialog .mobile-dialog-head h2{margin:0;font:400 25px/1.3 Manrope,sans-serif;letter-spacing:-.4px}
#mobileMenuDialog .mobile-dialog-head button{
  display:grid;place-items:center;width:44px;height:44px;min-height:44px;flex:none;
  padding:0;border:1px solid #c8d9bb36;border-radius:50%;background:#191b1b;
  color:#dbe4d8;font:400 26px/1 Manrope,sans-serif;
}
#mobileMenuDialog .mobile-menu-modes{margin:16px 0 8px}
#mobileMenuDialog .mobile-menu-modes:empty{display:none}
#mobileMenuDialog .mobile-menu-modes .distance-mode-switch{
  position:static;inset:auto;display:grid;grid-template-columns:1fr 1fr;gap:4px;
  width:100%;height:auto;min-height:48px;padding:4px;margin:0;transform:none;
  border:1px solid #c8d9bb30;border-radius:12px;background:#191b1b;
}
#mobileMenuDialog .mobile-menu-modes .distance-mode-switch>span{display:none}
#mobileMenuDialog .mobile-menu-modes .distance-mode-switch button{
  min-width:0;min-height:44px;padding:9px 10px;border:0;border-radius:8px;
  font:400 14px/1.5 'DM Sans',sans-serif;color:#bdc8bb;white-space:normal;
}
#mobileMenuDialog .mobile-menu-modes .distance-mode-switch button[aria-pressed=true]{background:#c8d9bb;color:#17251c}
#mobileMenuDialog .mobile-menu-primary{display:grid;grid-template-columns:1fr;gap:0;margin:8px 0 0}
#mobileMenuDialog .mobile-menu-primary .mobile-menu-item[data-shell-action]{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  width:100%;min-height:52px;padding:12px 0;margin:0;border:0;
  border-bottom:1px solid #c8d9bb1c;border-radius:0;background:transparent;
  font:400 16px/1.5 'DM Sans',sans-serif;color:#e5ebe0;text-align:left;
}
#mobileMenuDialog .mobile-menu-primary .mobile-menu-item:last-child{border-bottom:0}
#mobileMenuDialog .mobile-menu-arrow{flex:none;font-size:24px;line-height:1;color:#b6c5ac}
#mobileMenuDialog .mobile-menu-label{min-width:0;overflow-wrap:anywhere}
#mobileMenuDialog .mobile-section-title{margin:20px 0 5px;font:500 12px/1.5 'DM Sans',sans-serif;color:#b8c6b2;letter-spacing:.6px}
#mobileMenuDialog .mobile-menu-settings{display:grid;grid-template-columns:1fr;gap:0;margin:0 0 12px}
#mobileMenuDialog .mobile-menu-settings .mobile-language-row,
#mobileMenuDialog .mobile-menu-settings>button.ambience-trigger{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  min-height:52px;width:100%;margin:0;padding:5px 0;border:0;
  border-bottom:1px solid #c8d9bb1c;border-radius:0;background:transparent;
  font:400 15px/1.5 'DM Sans',sans-serif;color:#dce5d5;text-align:left;
}
#mobileMenuDialog .mobile-menu-settings>button.ambience-trigger:last-child{border-bottom:0}
#mobileMenuDialog .mobile-language-row .atlas-language{flex:none;margin:0;min-width:0}
#mobileMenuDialog .mobile-language-row .atlas-language select{
  width:auto;min-width:92px;min-height:44px;padding:9px 28px 9px 12px;
  border:1px solid #c8d9bb36;border-radius:8px;background:#191b1b;
  font:400 14px/1.5 'DM Sans',sans-serif;color:#e5ebe0;
}
#mobileMenuDialog .mobile-menu-extra{border-top:1px solid #c8d9bb30;margin:8px 0 0}
#mobileMenuDialog .mobile-menu-extra>summary{
  min-height:52px;padding:14px 0;font:400 14px/1.6 'DM Sans',sans-serif;
  color:#c8d9bb;cursor:pointer;list-style-position:inside;
}
#mobileMenuDialog .mobile-menu-extra>summary:focus-visible{outline:2px solid #c8d9bb;outline-offset:2px}
#mobileMenuDialog .mobile-menu-extra .mobile-menu-tools{display:grid;grid-template-columns:1fr;gap:0;padding:0 0 6px}
#mobileMenuDialog .mobile-menu-extra .mobile-menu-item{
  display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;
  min-height:48px;padding:12px 0;border:0;border-bottom:1px solid #c8d9bb14;
  border-radius:0;background:transparent;font:400 14px/1.6 'DM Sans',sans-serif;
  color:#c8d4c0;text-align:left;white-space:normal;
}
#mobileMenuDialog .mobile-menu-extra .mobile-menu-item:last-child{border-bottom:0}
#mobileMenuDialog .mobile-menu-item:hover,
#mobileMenuDialog .mobile-menu-settings>button.ambience-trigger:hover{color:#eff4e9;background:#c8d9bb08}
#mobileMenuDialog :is(button,a,select,summary):focus-visible{outline:2px solid #e9c397;outline-offset:3px}
#mobileMenuDialog .mobile-menu-item:disabled{opacity:.45}
@media(max-width:650px),(max-width:900px) and (max-height:500px) and (orientation:landscape){
  body.explorer-page #mobileMenuDialog{
    position:fixed;inset:auto 0 0;margin:0 auto;width:100%;max-width:none;
    max-height:88dvh;padding:0 20px calc(14px + env(safe-area-inset-bottom));
    border:0;border-top:1px solid #c8d9bb40;border-radius:22px 22px 0 0;
    background:#101112;box-shadow:0 -16px 80px #0008;
  }
  body.explorer-page #mobileMenuDialog::backdrop{background:#020504bf}
  #mobileMenuDialog .mobile-dialog-head{min-height:72px;padding:14px 0}
  #mobileMenuDialog .mobile-dialog-head h2{font-size:24px}
  #mobileMenuDialog .mobile-menu-modes{margin-top:14px}
  #mobileMenuDialog .mobile-menu-primary .mobile-menu-item[data-shell-action]{min-height:50px;padding:11px 0;font-size:15px}
  #mobileMenuDialog .mobile-section-title{margin-top:16px}
}
@media(max-width:360px){
  body.explorer-page #mobileMenuDialog{padding-inline:16px}
  #mobileMenuDialog .mobile-dialog-head{min-height:68px;padding:12px 0}
  #mobileMenuDialog .mobile-menu-modes .distance-mode-switch button{font-size:13px}
}

/* compare-flow.css */
/* Explicit comparison belongs to the map, separate from the automatic object HUD. */
body.explorer-page #comparison {
  position:fixed;top:auto;bottom:var(--comparison-bottom,120px);left:50%;
  width:min(600px,calc(100vw - 32px));max-height:min(300px,42dvh);overflow:auto;
  transform:translateX(-50%);box-sizing:border-box;padding:14px 16px;
  border:1px solid var(--line);border-radius:12px;background:var(--panel,#101112);
  box-shadow:0 8px 32px #0005;z-index:15;text-align:left;
}
body.explorer-page #comparison[hidden],body.distance-mode #comparison{display:none}
#comparison .eyebrow{font-size:12px;line-height:1.5;letter-spacing:0;margin:0 34px 12px 0;color:var(--muted)}
#comparison #clearCompare{top:7px;right:7px;min-width:44px;min-height:44px;font-size:24px;border-radius:50%}
#comparison #compareNames{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;font-size:14px;line-height:1.4;align-items:stretch}
#comparison .comparison-object{min-width:0;min-height:44px;display:grid;grid-template-rows:auto auto 1fr auto;justify-items:start;align-items:start;gap:3px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:transparent;text-align:left;color:var(--ink);line-height:1.4}
#comparison .comparison-object:hover{background:var(--panel-hover,#242924);border-color:var(--muted)}
#comparison .comparison-object-name{display:block;overflow-wrap:anywhere;font-size:14px}
#comparison .comparison-object .comparison-object-size{display:block;font-weight:600;color:var(--accent);font-size:21px;line-height:1.25;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#comparison .comparison-object .comparison-object-property{display:block;overflow-wrap:anywhere;font-size:12px;line-height:1.4;color:var(--muted)}
#comparison .comparison-object .comparison-object-info{display:block;font-size:12px;line-height:1.5;color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px;margin-top:3px}
#comparison #compareVisual{display:none}
#comparison #compareRatio{font-size:13px;font-weight:600;line-height:1.5;margin:10px 0 5px;color:var(--ink)}
#comparison > small{display:block;font-size:12px;line-height:1.5;color:var(--muted)}
#comparison > small:empty{display:none}
#comparison .comparison-choose{font-size:13px;min-height:44px;padding:8px 15px}
#comparisonPicker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;margin:0 0 18px;border:1px solid #b5cba668;border-radius:14px;background:#1c251d}
#comparisonPicker[hidden]{display:none}
#comparisonPicker .comparison-first{display:grid;gap:3px;min-width:0;font-size:14px;line-height:1.5}
#comparisonPicker .comparison-first small{font-size:11px;color:#b8c8b2}
#comparisonPicker .comparison-first strong{font-weight:600;color:#e9f0e3;overflow-wrap:anywhere}
#comparisonPicker .comparison-first span{font-size:12px;color:#c9d7c2}
#comparisonPicker .comparison-cancel{min-height:44px;font-size:12px;line-height:1.4;padding:8px;border:1px solid #c8d9bb45;border-radius:9px;background:#151c16;color:#dce7d5}
#comparisonPicker p{grid-column:1/-1;margin:0;font-size:13px;line-height:1.5;color:#dce7d5}
#searchDialog .result:disabled{opacity:.48;cursor:default;border-style:dashed}
#comparison button:focus-visible,#comparisonPicker button:focus-visible{outline:2px solid #d6e8c9;outline-offset:4px}
@media(max-width:650px){
 body.explorer-page #comparison{width:calc(100vw - 24px);padding:12px;border-radius:12px;max-height:40dvh}
 #comparison .eyebrow{font-size:12px;margin-bottom:9px}
 #comparison #compareNames{gap:8px;font-size:12px}
 #comparison .comparison-object{padding:8px;gap:2px}
 #comparison .comparison-object-name{font-size:12px}
 #comparison .comparison-object .comparison-object-size{font-size:18px}
 #comparison #compareRatio{font-size:12px;margin-top:8px}
 #comparison > small{font-size:12px}
 #comparisonPicker{padding:12px;gap:8px}
 #comparisonPicker .comparison-cancel{max-width:105px}
}

/* Only the requested pair stays in view during an explicit comparison. */
body.has-comparison:not(.distance-mode) .scale-object:not([data-comparison="true"]){visibility:hidden;pointer-events:none}
body.has-comparison #homeLocation{display:none!important}

#comparison .comparison-ratio-label{display:block;font-size:12px;font-weight:400;color:#b6c0b4}
#comparison #compareRatio strong{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere}

/* show-me.css */
/* A voluntary demonstration: one trigger and a compact stop/step strip. */
body.explorer-page > header .show-me-trigger{
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;
  border:1px solid #c8d9bb80;border-radius:24px;background:#c8d9bb;color:#17251c;
  font:500 13px/1.4 'DM Sans',sans-serif;white-space:nowrap;flex:none;
}
body.explorer-page > header .show-me-trigger:hover{background:#e0ead7;color:#17251c}
body.explorer-page > header .show-me-trigger[aria-expanded=true]{background:#192019;color:#e3ecd9}
body.explorer-page > header .show-me-trigger:disabled{opacity:.45}
.show-me-panel[hidden]{display:none!important}
body.explorer-page.show-me-running #stageScale{visibility:hidden;pointer-events:none}
body.explorer-page.show-me-running[data-show-me-target="humain-adulte"] .scale-object[data-id="quantity-billion-euros-stack"]{visibility:hidden;pointer-events:none}
.show-me-panel{
  position:fixed;left:50%;top:calc(var(--atlas-header-bottom,80px) + 8px);transform:translateX(-50%);z-index:24;
  display:flex;align-items:center;gap:8px;box-sizing:border-box;width:min(560px,calc(100vw - 24px));height:48px;padding:0 4px 0 12px;
  background:var(--panel,#101112);border:1px solid var(--line,#c8d9bb24);border-radius:8px;color:var(--ink,#eaece5);
}
.show-me-copy{flex:1;min-width:0}
#showMeDirection,#showMeHint{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.show-me-object{display:flex;align-items:baseline;flex-wrap:nowrap;gap:6px;margin:0;font-size:14px;line-height:20px;white-space:nowrap}
#showMeName{font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis}
#showMeMeasure{flex:none;font-variant-numeric:tabular-nums;color:var(--muted,#a4b2a9);font-size:12px}
.show-me-actions{display:flex;align-items:center;gap:6px;flex:none}
#showMeCount{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted,#a4b2a9);white-space:nowrap}
.show-me-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--line,#c8d9bb24);border-radius:8px;padding:8px 10px;color:var(--ink,#eaece5);background:transparent;font:400 13px/1.4 'DM Sans',sans-serif}
.show-me-actions button[hidden]{display:none!important}
.show-me-actions button:hover{background:var(--panel-hover,#242924)}
#showMeStop{width:44px;min-width:44px;padding:0;border:0;font-size:0}
#showMeStop::before{content:'';display:block;width:10px;height:10px;border-radius:1px;background:currentColor}
.show-me-actions button:focus-visible,.show-me-trigger:focus-visible{outline:2px solid #e9c397;outline-offset:4px}
@media(max-width:650px){
 body.explorer-page > header .show-me-trigger{padding:10px 8px;font-size:12px;min-height:44px}
 .show-me-panel{top:calc(var(--atlas-header-bottom,64px) + 6px);left:12px;right:12px;transform:none;width:auto}
}
@media(prefers-reduced-motion:reduce){.show-me-panel,.show-me-trigger{transition:none!important}}

/* Reduced motion keeps its explicit animated-demo choice and manual next step. */
.show-me-panel.show-me-manual{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;grid-template-rows:44px 44px;height:92px;column-gap:6px;row-gap:0}
.show-me-manual .show-me-copy{grid-column:1;grid-row:1}
.show-me-manual .show-me-actions{display:contents}
.show-me-manual #showMeCount{grid-column:2;grid-row:1}
.show-me-manual #showMeStop{grid-column:3;grid-row:1}
.show-me-manual #showMeAnimate{grid-column:1;grid-row:2;font-size:12px;text-decoration:underline;text-underline-offset:3px;border:0;padding:4px;justify-self:start;text-align:left}
.show-me-manual #showMeNext{grid-column:2/4;grid-row:2;padding:6px 10px;align-self:center}

/* interaction-refinements.css */
/* Explicit reading: full information opens from an object, never from zoom alone. */
body.explorer-page .intro-panel,body.explorer-page .intro-panel.has-scale-insight-panel{display:none!important}
/* One comfortable scale handle; the existing precision/inertia code is unchanged. */
body.explorer-page > footer .timeline{min-height:52px}
body.explorer-page > footer .timeline:before{top:27px;height:6px;border-radius:6px;background:#a0b39745}
body.explorer-page > footer #scale{top:8px;height:44px;appearance:none;background:transparent;cursor:grab;padding:0;outline-offset:3px}
body.explorer-page > footer #scale:active{cursor:grabbing}
body.explorer-page > footer #scale::-webkit-slider-runnable-track{height:6px;background:transparent;border-radius:6px}
body.explorer-page > footer #scale::-moz-range-track{height:6px;background:transparent;border-radius:6px}
body.explorer-page > footer #scale::-webkit-slider-thumb{appearance:none;width:28px;height:28px;margin-top:-11px;border:3px solid #172119;border-radius:50%;background:#d4e4c7;box-shadow:0 0 0 1px #d4e4c7,0 3px 10px #0004;transition:transform .12s,box-shadow .12s}
body.explorer-page > footer #scale::-moz-range-thumb{width:22px;height:22px;border:3px solid #172119;border-radius:50%;background:#d4e4c7;box-shadow:0 0 0 1px #d4e4c7,0 3px 10px #0004;transition:transform .12s,box-shadow .12s}
body.explorer-page > footer #scale:active::-webkit-slider-thumb{transform:scale(1.12);box-shadow:0 0 0 5px #d4e4c72b}
body.explorer-page > footer #scale:active::-moz-range-thumb{transform:scale(1.12);box-shadow:0 0 0 5px #d4e4c72b}
body.explorer-page > footer #scale:focus-visible{outline:2px solid #e9c397;border-radius:10px}
body.explorer-page > footer #ticks{height:33px}
/* Keep the label fully opaque; only the decorative tick strokes use quiet colors. */
body.explorer-page > footer .tick{opacity:1;background:#3a4a40}
body.explorer-page > footer .tick.major{background:#91a28f}
body.explorer-page > footer .tick b{color:#b6c0b8;opacity:1;font-size:12px}
body.explorer-page > footer .timeline-labels{margin-top:16px}
/* The shorter public name fits alongside the primary phone actions. */
body.explorer-page > header .brand .brand-name{display:flex!important;flex-direction:row;align-items:baseline;gap:6px;font:600 18px/1.2 Manrope,sans-serif;letter-spacing:1.5px;white-space:nowrap}
body.explorer-page > header .brand .brand-name>strong{font:inherit;letter-spacing:inherit}
body.explorer-page > header .brand{min-height:44px}
/* The same comfortable controls work in search, object details and enlarged artwork. */
body.explorer-page dialog .modal-head button{
 display:grid;place-items:center;flex:none;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;
}
body.explorer-page #detailDocumentation a:not([hidden]){
 display:inline-flex;align-items:center;min-height:44px;max-width:100%;padding:6px 0;
 font-size:12px;line-height:1.5;overflow-wrap:anywhere;
}
body.explorer-page #detailDialog .dialog-actions button,
body.explorer-page #detailDialog .dialog-actions>button:not(#detailCenter):not(#detailCompare){min-height:44px}
body.explorer-page #artDialog[open]{display:flex;flex-direction:column}
body.explorer-page #artDialog .modal-head{height:auto;min-height:44px;flex:none}
body.explorer-page #artLarge{height:auto;min-height:0;flex:1;margin:6px auto}
body.explorer-page #artDialog>p{flex:none;font-size:12px;line-height:1.5;margin:8px 0 0}
body.explorer-page .zoom-controls button{width:44px;height:44px;min-width:44px;min-height:44px}
body.explorer-page :is(#followObjects,#humanHome){min-height:44px}
body.explorer-page #humanHome{font-size:12px}
body.explorer-page .distance-mode-switch{height:auto;min-height:48px}
body.explorer-page .distance-mode-switch button{min-height:44px}
@media(max-width:650px),(max-width:900px) and (max-height:500px) and (orientation:landscape){
 body.explorer-page > header .brand{gap:7px}
 body.explorer-page > header .brand .brand-name{font-size:15px;letter-spacing:.8px;gap:4px}
 body.explorer-page > header .brand .brand-mark{font-size:25px}
 body.explorer-page > header .top-actions{gap:7px}
 body.explorer-page > footer{height:calc(80px + env(safe-area-inset-bottom));padding:0 16px env(safe-area-inset-bottom);border-radius:18px 18px 0 0;background:#101613}
 body.explorer-page > footer .timeline{height:78px;min-height:0}
 body.explorer-page > footer #scale{top:7px;height:44px}
 body.explorer-page > footer .timeline:before{top:26px}
 body.explorer-page > footer #ticks{height:32px}
 body.explorer-page > footer .tick b{display:none}
 body.explorer-page > footer .timeline-labels{position:absolute;top:54px;left:0;right:0;height:18px;min-height:0;margin:0;font-size:12px;line-height:1.5;letter-spacing:0}
 body.explorer-page > footer .timeline-labels button{font-size:12px;line-height:1.5}
 body.explorer-page > footer .timeline-labels button[data-log]{display:none}
 body.explorer-page > footer .timeline-labels button[data-jump]{min-height:24px}
 /* Keep query and filter before results, with secondary shortcuts below the list. */
 body.explorer-page #searchDialog[open]{
  display:flex;flex-direction:column;height:min(720px,calc(100dvh - 24px));
  max-height:calc(100dvh - 24px);padding:16px;overflow-x:hidden;overflow-y:auto;
 }
 body.explorer-page #searchDialog>.modal-head{position:absolute;top:10px;right:12px;min-height:44px}
 body.explorer-page #searchDialog>.modal-head>span{display:none}
 body.explorer-page #searchDialog>h2{order:1;flex:none;font-size:22px;line-height:1.3;margin:0 48px 8px 0}
 body.explorer-page #searchDialog>#comparisonPicker{order:2;flex:none;margin:0 0 8px;padding:8px;gap:4px 8px}
 body.explorer-page #searchDialog #comparisonPicker .comparison-first{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;font-size:13px;line-height:1.4}
 body.explorer-page #searchDialog #comparisonPicker .comparison-first small{flex-basis:100%;font-size:12px;line-height:1.5}
 body.explorer-page #searchDialog #comparisonPicker p{font-size:12px;line-height:1.4}
 body.explorer-page #searchDialog>label[for=search]{order:3;flex:none;margin:0 0 4px;font-size:12px;line-height:1.5}
 body.explorer-page #searchDialog>#search{order:4;flex:none;min-height:44px;height:44px;padding:10px 12px;font-size:14px}
 body.explorer-page #searchDialog>#resultCount{order:6;flex:none;font-size:12px;line-height:1.5;margin:8px 0 6px}
 body.explorer-page #searchDialog>#results{order:7;flex:1 1 auto;min-height:68px;max-height:none;margin:0;overflow-y:auto;overscroll-behavior:contain}
 body.explorer-page #searchDialog>label[for=filter]{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;
 }
 body.explorer-page #searchDialog>#filter{order:5;flex:none;min-height:44px;height:44px;margin:8px 0 0;padding:9px 12px;font-size:12px}
 body.explorer-page #searchDialog>#searchDiscoveryActions{order:8;flex:none;display:flex;flex-wrap:nowrap;gap:14px;margin:4px 0 0}
 body.explorer-page #searchDialog>#searchDiscoveryActions button{min-height:44px;font-size:12px;line-height:1.4;padding:6px 0}
}
@media(min-width:651px) and (max-width:900px) and (max-height:500px) and (orientation:landscape){
 /* A phone in landscape has room for query and filter side by side. */
 body.explorer-page #searchDialog[open]{
  display:grid;grid-template-columns:minmax(0,1fr) 190px;
  grid-template-rows:auto auto auto 44px auto minmax(76px,1fr) 44px;column-gap:12px;
 }
 body.explorer-page #searchDialog>h2{grid-column:1/-1;grid-row:1}
 body.explorer-page #searchDialog>#comparisonPicker{grid-column:1/-1;grid-row:2}
 body.explorer-page #searchDialog>label[for=search]{grid-column:1;grid-row:3}
 body.explorer-page #searchDialog>label[for=filter]{
  grid-column:2;grid-row:3;position:static;width:auto;height:auto;clip-path:none;white-space:normal;margin:0 0 4px;
 }
 body.explorer-page #searchDialog>#search{grid-column:1;grid-row:4}
 body.explorer-page #searchDialog>#filter{grid-column:2;grid-row:4;margin:0}
 body.explorer-page #searchDialog>#resultCount{grid-column:1/-1;grid-row:5}
 body.explorer-page #searchDialog>#results{grid-column:1/-1;grid-row:6}
 body.explorer-page #searchDialog>#searchDiscoveryActions{grid-column:1/-1;grid-row:7;margin:0}
}
@media(prefers-reduced-motion:reduce){body.explorer-page > footer #scale::-webkit-slider-thumb{transition:none}body.explorer-page > footer #scale::-moz-range-thumb{transition:none}}

/* visit-counter.css */
/* Visits are counted without a visible badge. */
.visit-counter{display:none!important}

/* identity-controls.css */
/* Compact zoom rail: a distinct grab handle inside the full touch surface. */
body.explorer-page > header .brand{gap:0;flex:none;min-height:44px}
body.explorer-page > header .brand .brand-lockup{display:block;width:140px;height:auto;max-width:100%;flex:none}
body.explorer-page > header .brand .brand-name{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap!important}
body.explorer-page > header .brand .brand-sub{display:none!important}
body.explorer-page > footer{
 --zoom-grip-width:16px;
 left:50%;right:auto;bottom:12px;transform:translateX(-50%);width:min(420px,calc(100vw - 48px));height:44px;
 box-sizing:border-box;margin:0;padding:0;border:0;border-radius:0;
 background:transparent;box-shadow:none;isolation:isolate;
}
body.explorer-page > footer::before{display:none}
body.explorer-page > footer .journey,body.explorer-page > footer .bottom,
body.explorer-page > footer .timeline-labels{display:none!important}
body.explorer-page > footer .timeline{position:relative;min-height:0;height:44px;margin:0}
body.explorer-page > footer .timeline::before,
body.explorer-page > footer .timeline::after{content:'';position:absolute;top:21px;left:26px;height:2px;border:0;border-radius:2px;pointer-events:none}
body.explorer-page > footer .timeline::before{right:26px;background:var(--muted);opacity:.4}
body.explorer-page > footer .timeline::after{width:var(--zoom-fill,calc(57.58% - 9.2128px));background:var(--accent);opacity:.85}
body.explorer-page > footer #ticks{display:none}
body.explorer-page > footer .tick{display:none}
body.explorer-page > footer .tick.major{display:block;bottom:0;height:4px;background:var(--muted);opacity:.6}
body.explorer-page > footer .tick b{display:none!important}
body.explorer-page > footer #scale{
 appearance:none;position:absolute;top:0;left:18px;right:18px;z-index:2;width:calc(100% - 36px);height:44px;margin:0;padding:0;
 border:0;outline-offset:2px;background:transparent;cursor:grab;touch-action:none;
}
body.explorer-page > footer #scale:active{cursor:grabbing}
body.explorer-page > footer #scale::-webkit-slider-runnable-track{height:2px;background:transparent;border:0;border-radius:2px}
body.explorer-page > footer #scale::-moz-range-track{height:2px;background:transparent;border:0;border-radius:2px}
body.explorer-page > footer #scale::-webkit-slider-thumb{
 appearance:none;box-sizing:border-box;width:16px;height:22px;margin-top:-10px;border:2px solid var(--bg);border-radius:8px;
 background:var(--ink);box-shadow:0 0 0 1px var(--bg);transform:none;transition:box-shadow .15s;
}
body.explorer-page > footer #scale::-moz-range-thumb{
 appearance:none;box-sizing:border-box;width:16px;height:22px;border:2px solid var(--bg);border-radius:8px;
 background:var(--ink);box-shadow:0 0 0 1px var(--bg);transform:none;transition:box-shadow .15s;
}
body.explorer-page > footer #scale:hover::-webkit-slider-thumb,body.explorer-page > footer #scale:active::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--line);transform:none}
body.explorer-page > footer #scale:hover::-moz-range-thumb,body.explorer-page > footer #scale:active::-moz-range-thumb{box-shadow:0 0 0 4px var(--line);transform:none}
body.explorer-page > footer #scale:focus-visible{outline:none}
body.explorer-page > footer #scale:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent)}
body.explorer-page > footer #scale:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent)}
.zoom-extremes{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap!important;pointer-events:none}
.zoom-direction-cues{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;color:var(--muted);pointer-events:none}
.zoom-direction-cues span{display:grid;place-items:center;width:14px;height:44px;transition:color .15s}
.zoom-direction-cues svg{display:block;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.timeline:has(#scale[data-edge-active="true"][data-edge="left"]) .zoom-direction-cues [data-side="left"],
.timeline:has(#scale[data-edge-active="true"][data-edge="right"]) .zoom-direction-cues [data-side="right"]{color:var(--accent)}
body.explorer-page > #followObjects{
 display:inline-flex!important;position:fixed;right:24px;bottom:12px;z-index:18;align-items:center;justify-content:center;
 width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink);isolation:isolate;
}
body.explorer-page > #followObjects::before{content:'';position:absolute;inset:6px;z-index:-1;border:1px solid var(--line);border-radius:50%;background:var(--bg)}
body.explorer-page > #followObjects svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
body.explorer-page > #followObjects:hover::before{border-color:var(--accent)}
body.explorer-page > #followObjects:focus-visible{outline:2px solid var(--accent);outline-offset:0}
body.explorer-page.bridge-welcome > #followObjects,body.explorer-page.distance-mode > #followObjects{display:none!important}
@media(max-width:650px),(max-width:900px) and (max-height:500px) and (orientation:landscape){
 body.explorer-page > header .brand .brand-lockup{width:112px;height:auto}
 body.explorer-page > footer{left:24px;right:72px;bottom:calc(8px + env(safe-area-inset-bottom));transform:none;width:auto;height:44px;padding:0;border:0;border-radius:0;background:transparent}
 body.explorer-page > #followObjects{right:12px;bottom:calc(8px + env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){body.explorer-page > footer #scale::-webkit-slider-thumb,body.explorer-page > footer #scale::-moz-range-thumb,.zoom-direction-cues span{transition:none}}