.moon-day .facts dd.none{color:var(--ink-2);font-size:1.0625rem;font-weight:400}.moon-day .facts .distance{grid-column:1/-1}.moon-day .facts .hint{color:var(--ink-2);margin-top:.25rem;font-size:.9375rem;font-weight:400;display:block}.moon-day .supermoon{flex-wrap:wrap;align-items:baseline;gap:.25rem .5rem;margin-top:.5rem;font-size:.9375rem;font-weight:400;display:flex}.moon-day .supermoon .badge{letter-spacing:.02em;background:var(--button-bg);color:var(--button-ink);border-radius:999px;padding:.125rem .5rem;font-size:.8125rem;font-weight:600}.moon-day .supermoon .threshold{color:var(--ink-2)}.moon-day .moon-eclipse{color:var(--ink-2);margin:1.25rem 0 0}.moon-day .moon-eclipse a{color:var(--ink);font-weight:500}.moon-day .next-main-phases{border-top:1px solid var(--ink);margin-top:3rem;padding-top:1.5rem}.moon-day .next-main-phases h2{margin:0}.moon-day .next-main-phases ol{gap:0;margin:1rem 0 0;padding:0;list-style:none;display:grid}.moon-day .next-main-phases li{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;grid-template-areas:"icon name time""icon date date";align-items:center;column-gap:.75rem;padding:.75rem 0;display:grid}.moon-day .next-main-phases .main-phase-icon{grid-area:icon}.moon-day .next-main-phases .name{grid-area:name;font-weight:600}.moon-day .next-main-phases .date{color:var(--ink-2);grid-area:date}.moon-day .next-main-phases .time{font-variant-numeric:tabular-nums;grid-area:time}.moon-day .main-phase-icon .dark{fill:var(--ink-3)}.moon-day .main-phase-icon .lit{fill:#f4f1e8}.moon-day .main-phase-icon .rim{fill:none;stroke:var(--ink-3)}@media (width>=40rem){.moon-day .next-main-phases ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.moon-day .next-main-phases li{border-bottom:0;border-top:1px solid var(--line);grid-template-columns:auto 1fr;grid-template-areas:"icon name""icon date""icon time";align-items:start}.moon-day .next-main-phases .time{color:var(--ink-2)}}.moon-diagram{--diagram-lit:#f6f2e6;--diagram-unlit:#4a4c55;--diagram-earth:#3f7fc4;--diagram-night:#0000008c;--diagram-sun:#e39a14;--diagram-location:#d67600;margin:0}:root[data-theme=dark] .moon-diagram{--diagram-lit:#ece8dc;--diagram-unlit:#2c2d33;--diagram-earth:#3a76b8;--diagram-night:#0000009e;--diagram-sun:#ffbe50;--diagram-location:#ffbe50}.moon-diagram svg{background:var(--fill);border-radius:1rem;width:100%;max-width:36rem;height:auto;margin:0 auto;display:block}.moon-diagram .label{fill:var(--ink-2);font-size:13px}.moon-diagram .label.quiet{font-style:italic}.moon-diagram .sunlight line{stroke:var(--diagram-sun);stroke-width:2px}.moon-diagram .sunlight path{fill:var(--diagram-sun)}.moon-diagram .orbit{fill:none;stroke:var(--line-strong);stroke-width:1.5px;stroke-dasharray:4 4}.moon-diagram .lit{fill:var(--diagram-lit)}.moon-diagram .unlit{fill:var(--diagram-unlit)}.moon-diagram .rim{fill:none;stroke:var(--ink-3);stroke-width:1px}.moon-diagram .small{opacity:.75}.moon-diagram .current .rim{stroke:var(--ink);stroke-width:2px}.moon-diagram .lead{stroke:var(--ink-3);stroke-width:1px;stroke-dasharray:2 3}.moon-diagram .callout .rim{stroke:var(--ink-2)}.moon-diagram .earth .day{fill:var(--diagram-earth)}.moon-diagram .earth .night{fill:var(--diagram-night)}.moon-diagram .earth .location{fill:var(--diagram-location);stroke:var(--bg);stroke-width:1.5px}.moon-diagram figcaption{max-width:36rem;color:var(--ink-2);margin:.75rem auto 0;font-size:.875rem}.moon-diagram .swatch{background:var(--diagram-location);vertical-align:baseline;border-radius:50%;width:.625rem;height:.625rem;margin-right:.375rem;display:inline-block}.moon-day h1{margin:1rem 0 0}.moon-day .when{color:var(--ink-2);margin:.5rem 0 0;font-size:1.0625rem}.moon-day .steps{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.moon-day .steps .button{min-width:3rem}.moon-day .steps .button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.moon-day .steps .button:disabled{color:var(--ink-3);cursor:default}.moon-day .moon{gap:1.5rem;margin-top:2rem;display:grid}.moon-day .picture{background:var(--fill);border-radius:1rem;place-items:center;margin:0;padding:2rem;display:grid}.moon-day .moon-picture{aspect-ratio:1;width:min(60vw,16rem);box-shadow:0 0 0 1px var(--line-strong), 0 0 calc(.5rem + var(--lit,1) * 2.5rem) calc(var(--lit,1) * .5rem) var(--line-strong);border-radius:50%;display:block}.moon-day .moon-picture .night{fill:#111114}.moon-day .moon-picture .earthshine{opacity:.1}.moon-day .horizon{color:var(--ink-2);text-align:center;margin-top:1rem;font-size:.9375rem}.moon-day .moon-phase{letter-spacing:-.02em;margin:0;font-size:1.75rem;line-height:1.2}.moon-day .moon-phase b{font-weight:600}.moon-day .moon-phase .english{letter-spacing:0;white-space:nowrap;color:var(--ink-3);font-size:1.125rem}.moon-day .alias,.moon-day .at{color:var(--ink-2);margin:.25rem 0 0}.moon-day .facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.5rem 0 0;display:grid}.moon-day .facts div{border-top:1px solid var(--line);padding-top:.75rem}.moon-day dt{color:var(--ink-3);font-size:.875rem}.moon-day dd{font-variant-numeric:tabular-nums;margin:.25rem 0 0;font-size:1.5rem;font-weight:500}.moon-day .place{border-top:1px solid var(--ink);margin-top:3rem;padding-top:1.5rem}.moon-day .place h2{margin:0}.moon-day .place .location-map{margin-top:1rem}.moon-day .why{border-top:1px solid var(--ink);margin-top:3rem;padding-top:1.5rem}.moon-day .why h2{margin:0 0 1rem}@media (width>=64rem){.moon-day .moon{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:3rem}.moon-day .moon-picture{width:18rem}.moon-day .moon-phase{font-size:2.25rem}main:has(.moon-day){max-width:60rem}}