/* Lunar study: one tactile object, three human stories. */
.numbers-section[data-numbers-view=lunar] #orbitDetail{display:none}
.numbers-section[data-numbers-view=lunar] .numbers-heading h2{font-size:clamp(46px,5.5vw,78px)}
.numbers-section[data-numbers-view=lunar] .numbers-heading em{white-space:nowrap}
.lunar-observatory{display:grid;grid-template-columns:1.15fr 1fr;gap:0 6%;position:relative;isolation:isolate}
.lunar-stage{position:relative;min-width:0;align-self:center;aspect-ratio:1;isolation:isolate}
.lunar-stage:before{content:'';position:absolute;inset:16%;background:var(--abc-accent);opacity:.24;filter:blur(65px);border-radius:50%;z-index:-1}
.lunar-coordinate{position:absolute;left:0;top:20px;font-size:9px;letter-spacing:.06em;color:var(--abc-muted)}
.lunar-viewfinder{position:absolute;inset:50px 2% 48px;pointer-events:none;opacity:.7}
.scope-corner{position:absolute;width:18px;height:18px;border-color:var(--abc-accent);border-style:solid;border-width:0}
.scope-corner:nth-child(1){top:0;left:0;border-top-width:1px;border-left-width:1px}.scope-corner:nth-child(2){top:0;right:0;border-top-width:1px;border-right-width:1px}.scope-corner:nth-child(3){bottom:0;right:0;border-bottom-width:1px;border-right-width:1px}.scope-corner:nth-child(4){bottom:0;left:0;border-bottom-width:1px;border-left-width:1px}
.lunar-object{position:absolute;inset:0;transform:translate(var(--moon-x,0px),var(--moon-y,0px));transition:transform 1s cubic-bezier(.15,.75,.3,1);will-change:transform;pointer-events:none}
.lunar-surface{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 15px 25px #28252d16)}
.lunar-terrain{transform-origin:300px 300px;transform:rotate(var(--moon-turn,0deg));transition:transform 1s ease-out}
.lunar-light-control{position:absolute;bottom:0;left:12%;right:12%;display:grid;grid-template-columns:auto 1fr;gap:9px 18px;align-items:center;color:var(--abc-muted)}
.lunar-light-control label{font-size:11px}.lunar-light-control label span{margin-left:4px;color:var(--abc-ink)}
.lunar-light-control input{width:100%;min-width:0;cursor:ew-resize;accent-color:var(--abc-accent);height:17px;margin:0;appearance:none;background:transparent;border:0}
.lunar-light-control input::-webkit-slider-runnable-track{height:2px;background:#28252d40;border-radius:3px}
.lunar-light-control input::-webkit-slider-thumb{appearance:none;height:13px;width:13px;border-radius:50%;margin-top:-5.5px;background:var(--abc-accent);border:2px solid #fff;box-shadow:0 0 12px #e094fc80}
.lunar-light-control input::-moz-range-track{height:2px;background:#28252d40}.lunar-light-control input::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--abc-accent);border:2px solid #fff}
.lunar-control-hint{grid-column:2;text-align:center;font-size:8px;opacity:.8}
.lunar-reading{padding:45px 0 35px;align-self:center;max-width:445px}
.lunar-reading-top{display:flex;align-items:center;gap:12px;font-size:10px;color:var(--abc-muted);margin-bottom:22px}
.lunar-readout-dot{width:5px;height:5px;border-radius:50%;background:var(--abc-accent);box-shadow:0 0 9px #e094fc;animation:lunar-beacon 4s ease-in-out infinite}
.lunar-metric{display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--abc-line);padding:0 0 23px;margin-bottom:26px}
.lunar-metric strong{font-size:clamp(82px,9vw,136px);font-weight:450;line-height:.9;letter-spacing:-.09em;color:var(--abc-ink);white-space:nowrap}
.lunar-metric strong>span{font-size:.48em;letter-spacing:-.06em;color:var(--abc-accent);margin-left:3px}
.lunar-metric>span{font-size:14px;line-height:1.35;color:var(--abc-muted);letter-spacing:-.25px;max-width:125px}
.lunar-reading h3{font-size:clamp(25px,2.5vw,36px);font-weight:450;line-height:1.08;letter-spacing:-1.2px;margin:0 0 15px;max-width:390px}
.lunar-reading p{font-size:14px;line-height:1.65;color:var(--abc-muted);max-width:370px;margin:0 0 27px}
.lunar-reading>a{font-size:12px;display:inline-flex;align-items:center;gap:30px;border-bottom:1px solid var(--abc-accent);padding-bottom:9px}.lunar-reading>a span{font-size:18px;color:var(--abc-ink)}
.lunar-phases{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--abc-line);margin-top:38px}
.lunar-phases button{display:flex;position:relative;align-items:center;gap:19px;padding:22px 23px 24px;text-align:left;border-radius:0;border-top:1px solid var(--abc-line);transition:background .4s}
.lunar-phases button+button{border-left:1px solid var(--abc-line)}
.lunar-phases button[aria-pressed=true]{background:#ffffff42}
.lunar-phases button:after{content:'';position:absolute;top:-1px;left:0;right:0;height:2px;background:var(--abc-accent);transform:scaleX(0);transition:transform .45s;transform-origin:left}
.lunar-phases button[aria-pressed=true]:after{transform:scaleX(1)}
.phase-icon{flex:none;display:block;position:relative;width:40px;height:40px;border-radius:50%;background:var(--abc-accent);box-shadow:inset -2px -1px 7px #28252d21;overflow:hidden;opacity:.55;transition:opacity .4s,transform .4s}
.phase-gibbous:after,.phase-return:after{content:'';position:absolute;inset:0;background:#28252d;clip-path:ellipse(15% 60% at 0% 50%)}.phase-return:after{clip-path:ellipse(43% 60% at 0% 50%)}
.lunar-phases button[aria-pressed=true] .phase-icon,.lunar-phases button:hover .phase-icon{opacity:1;transform:rotate(-12deg)}
.phase-title{font-size:16px;letter-spacing:-.35px;line-height:1.25}.phase-title small{display:block;font-size:9px;margin-top:7px;color:var(--abc-muted);letter-spacing:0}.phase-order{font-size:9px;margin-left:auto;color:var(--abc-muted);align-self:start}
body[data-theme=night] .lunar-phases button[aria-pressed=true]{background:#ffffff07}
body[data-theme=night] .lunar-light-control input::-webkit-slider-runnable-track{background:#ffffff50}
@keyframes lunar-beacon{50%{opacity:.3}}
@media(min-width:1000px){.numbers-section[data-numbers-view=lunar] .numbers-heading>p{max-width:225px}}
@media(max-width:1000px){.lunar-observatory{gap:0 4%}.lunar-metric{gap:16px}.lunar-metric>span{font-size:12px}.lunar-phases button{padding:20px 12px;gap:13px}.phase-title{font-size:14px}.phase-order{display:none}.lunar-reading p{font-size:12px}}
@media(max-width:750px){
 .numbers-view-switch>div{flex-wrap:wrap}.numbers-view-switch button{padding:9px 11px}
 .numbers-section[data-numbers-view=lunar] .numbers-heading h2{font-size:44px;letter-spacing:-2px}.numbers-section[data-numbers-view=lunar] .numbers-heading em{white-space:normal}
 .lunar-observatory{grid-template-columns:1fr;gap:0}.lunar-stage{width:100%;max-width:470px;justify-self:center;margin-bottom:24px}
 .lunar-coordinate{font-size:8px;top:7px}.lunar-viewfinder{inset:27px 0 32px}.scope-corner{width:12px;height:12px}
 .lunar-light-control{left:6%;right:6%;bottom:-7px;gap:7px 13px}.lunar-light-control label{font-size:10px}
 .lunar-reading{padding:21px 4px 6px;max-width:none;width:100%}.lunar-reading-top{font-size:9px;margin-bottom:17px}
 .lunar-metric{padding-bottom:22px;margin-bottom:23px;gap:28px}.lunar-metric strong{font-size:96px}.lunar-metric>span{font-size:14px;max-width:160px}
 .lunar-reading h3{font-size:29px;letter-spacing:-.9px;max-width:330px}.lunar-reading p{font-size:13px;max-width:340px;line-height:1.6}
 .lunar-phases{grid-row:2;margin:8px 0 0}.lunar-phases button{display:flex;flex-direction:column;gap:10px;align-items:start;padding:15px 10px 18px}
 .phase-icon{width:30px;height:30px}.phase-title{font-size:12px;letter-spacing:-.2px;white-space:nowrap}.phase-title small{font-size:8px;line-height:1.5;white-space:normal;max-width:88px;margin-top:5px}
}
@media(prefers-reduced-motion:reduce){.lunar-object,.lunar-terrain,.lunar-phases button,.phase-icon{transition:none}.lunar-readout-dot{animation:none}}