.mesh-ready .telescope-mesh{pointer-events:auto;cursor:pointer;touch-action:none}.telescope-mesh:active{cursor:pointer}.telescope-mesh:focus-visible{outline:1px solid #a2c9c0;outline-offset:2px;border-radius:20px}
.observation-controls{position:relative;z-index:3;margin:0 6%;padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid #8da9b033;border-bottom:1px solid #8da9b033}
.observation-controls p{font-size:11px;color:#9eb5b8;margin:10px 0 0}.observation-controls .eyebrow{font-size:8px}
.observation-controls button,#observation-dialog button{border:1px solid #819f9c55;color:inherit;background:#42635f17;padding:11px 17px;cursor:pointer;font-size:11px;letter-spacing:1px;border-radius:4px}
.observation-targets,.observation-actions{display:flex;gap:6px}.observation-targets button[aria-pressed=true],#open-observation{background:#b5d6cd;color:#112724;border-color:#b5d6cd}
#observation-dialog{width:min(560px,calc(100% - 28px));max-height:92svh;overflow-y:auto;border:1px solid #78999180;border-radius:12px;padding:24px;background:#0b191f;color:#dfe8e3;box-shadow:0 30px 100px #000a}#observation-dialog::backdrop{background:#020711da;backdrop-filter:blur(8px)}
.observation-heading{display:flex;justify-content:space-between;align-items:center}.observation-heading h2{font-size:27px;font-weight:400;letter-spacing:3px;margin:9px 0}.observation-heading .eyebrow{font-size:8px}
#observation-view{width:100%;aspect-ratio:1;display:block}#observation-description{font-size:12px;color:#a5bcbf;line-height:1.8}.zoom-control{display:flex;align-items:center;gap:14px;font-size:11px}.zoom-control input{flex:1;min-width:40px;accent-color:#b4d9ce}.simulation-note{font-size:10px;color:#718d91;margin:20px 0 0}
[data-layout=editorial] .observation-controls{grid-column:1/-1;grid-row:2;margin:0;padding:22px 0;border-color:#51695b3f;color:#334c46}[data-layout=editorial] .observation-controls p{color:#526d63}
[data-layout=atlas] .observation-controls{margin-top:0}
@media(max-width:850px){.observation-controls{flex-wrap:wrap;gap:18px}.observation-controls>div:first-child{flex:1;min-width:150px}.observation-actions{width:100%;justify-content:space-between}.observation-targets button{padding:11px 13px}}
@media(max-width:400px){.observation-targets{width:100%}.observation-targets button{flex:1}.observation-controls button{padding:12px}.zoom-control{gap:8px}#observation-dialog{padding:18px}}
/* Telescope redesign: target chips, tour toggle and eyepiece details. */
.observation-targets{flex-wrap:wrap}
#tour-toggle[aria-pressed=true]{border-color:#d6bd9488;color:#f0dcb8}
#tour-toggle[aria-pressed=true]:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#e9c58a;box-shadow:0 0 8px #e9c58a;margin-right:8px;vertical-align:1px}
#observation-meta{margin:0;font:10px ui-monospace,Consolas,monospace;letter-spacing:1px;color:#c9ad80}
#observation-view{cursor:grab;touch-action:none}#observation-view:active{cursor:grabbing}
.telescope-mesh:focus-visible{outline:1px dashed #d6bd94;outline-offset:4px;border-radius:8px}
@media(max-width:600px){.observation-targets{width:100%}.observation-targets button{flex:1 1 40%}}
.mesh-ready .scope-orbit{display:none}
@media(max-width:600px){.hero:has(.mesh-ready) .observing-note{display:none}.hero .observatory-instrument.mesh-ready{margin-top:70px}}