.moon-view{background:#f3f6fa}.moon-view .site-header{flex-wrap:wrap;gap:20px;padding-block:18px}.moon-view .header-actions,.moon-view .site-header nav{flex-wrap:wrap}.moon-page{padding:30px 0}.moon-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.moon-eyebrow{font-size:.65rem;font-weight:750;letter-spacing:.14em;color:#6d8aa1;margin:0 0 8px}.moon-heading h1{font-size:clamp(1.8rem,3.3vw,2.7rem);letter-spacing:-.045em;line-height:1.2;margin:0 0 10px}.moon-heading p:not(.moon-eyebrow){font-size:.9rem;color:#6d8294;margin:0}.moon-heading>a{font-size:.8rem;padding:11px 15px;background:white;border:1px solid #dae5ed;border-radius:10px;color:#365e80;text-decoration:none;white-space:nowrap}.moon-trajectory{background:#162f45;border:1px solid #233f58;border-radius:18px;padding:24px;box-shadow:0 12px 35px #14304415}.trajectory-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px;color:#edf4fa}.trajectory-heading>div{display:flex;align-items:center;gap:15px}.phase-symbol{font-size:2.7rem}.trajectory-heading .moon-eyebrow{color:#99b6cb}.trajectory-heading h2{font-size:1.35rem;margin:0;letter-spacing:-.02em}.moon-state{background:#ffffff0d;border:1px solid #ffffff1a;padding:8px 12px;border-radius:99px;font-size:.73rem;color:#c5d9e7}.moon-chart{display:block;width:100%;height:auto;min-width:550px}.moon-chart-wrap{overflow-x:auto;border-radius:14px}.moon-gridline{stroke:#ffffff12;stroke-dasharray:3 7}.moon-horizon{stroke:#88afbe;stroke-width:1.5}.moon-axis{fill:#9ab6c6;font-size:12px}.horizon-label{fill:#b0cbd7;font-size:10px;letter-spacing:1.5px}.moon-path{fill:none;stroke:#b3c2f6;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.moon-now-line{stroke:#d9eaf880;stroke-width:1;stroke-dasharray:4 6}.moon-position{font-size:28px}.moon-now-label{fill:#e4edff;font-size:11px;font-weight:700;letter-spacing:.6px}.trajectory-note{width:100%;margin:16px 0 0;padding:0;display:flex;justify-content:space-between;gap:12px;font-size:.67rem;color:#a0b8ca;border:0}.moon-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:23px}.moon-facts article{background:white;border:1px solid #dfe7ef;border-radius:15px;padding:20px}.fact-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;font-size:1.3rem;background:#fff1df;color:#c58635}.set-icon{background:#f0eaf7;color:#8770ac}.altitude-icon{background:#e7f6f3;color:#3b9084}.direction-icon{background:#e8f2fa;color:#548db2}.moon-facts p{color:#718698;font-size:.74rem;margin:14px 0 6px}.moon-facts strong{display:block;font-size:1.9rem;line-height:1.25;letter-spacing:-.04em}.moon-facts strong>span{font-size:1.1rem}.moon-facts small{display:block;margin-top:7px;font-size:.66rem;color:#8397a7}.moon-info{background:#eaf0f6;border:1px solid #dfe7ef;padding:18px 20px;border-radius:12px;margin-top:22px;font-size:.79rem}.moon-info p{color:#657e92;line-height:1.7;margin:5px 0}.moon-view footer{margin-top:25px;font-size:.8rem}.moon-view a:focus-visible{outline:3px solid #daa843;outline-offset:4px}@media(max-width:760px){.moon-heading{align-items:flex-start;flex-direction:column;gap:17px}.moon-trajectory{padding:17px}.trajectory-heading{align-items:flex-start;flex-direction:column;gap:15px}.moon-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.trajectory-note{flex-direction:column;gap:4px}.moon-view .header-actions{justify-content:flex-start;width:100%}.moon-view .site-header nav{gap:12px}.moon-view footer{flex-wrap:wrap}}

.moon-compass-panel{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:23px;padding:24px 30px;background:white;border:1px solid #dfe7ef;border-radius:16px}.compass-copy{max-width:530px}.compass-copy h2{font-size:1.35rem;margin:0 0 12px;letter-spacing:-.02em}.compass-copy>p:not(.moon-eyebrow):not(.compass-degrees){font-size:.8rem;line-height:1.6;color:#6e8396}.compass-degrees{font-size:2.6rem;font-weight:750;letter-spacing:-.04em;color:#7863a2;margin:0 0 8px}.compass-degrees>span{font-size:1.5rem}.compass-degrees>small{font-size:.9rem;margin-left:14px;padding:6px 12px;border-radius:99px;background:#f1edf7;letter-spacing:0}.moon-compass{width:250px;height:250px;flex-shrink:0}.compass-cardinal{fill:#59768f;font-size:15px;font-weight:700}.compass-cardinal.north{fill:#a66b54}.compass-visibility{padding-top:12px;border-top:1px solid #e7edf3}@media(max-width:760px){.moon-compass-panel{flex-direction:column;align-items:flex-start;padding:22px;gap:12px}.moon-compass{align-self:center;max-width:100%;height:auto}}