/* Moon phase - the drawing sits above the result rows. */
.e-result { display: flex; flex-direction: column; }
.mp-art { order: -1; display: flex; justify-content: center; margin: 0 0 12px; }
.mp-svg { width: 132px; height: 132px; display: block; }
.mp-dark { fill: #1f2733; }
.mp-lit { fill: #f3efe0; }
.mp-rim { fill: none; stroke: var(--e-line-strong); stroke-width: 1; }
html[data-theme="dark"] .mp-dark { fill: #05080d; }
@media (prefers-color-scheme: dark) { html[data-theme="auto"] .mp-dark { fill: #05080d; } }
html[data-compact="1"] .mp-svg { width: 96px; height: 96px; }