/* where-is-the-moon: this tool's own look, loaded only on its page (tools.css is shared and kept under 5 KB gz) */
.chqt-gh-hits{list-style:none;margin:.25rem 0 0;padding:0;border:1px solid var(--chqt-line,#ddd);border-radius:10px;overflow:hidden}
.chqt-gh-hit{display:block;width:100%;min-height:44px;padding:.5rem .75rem;border:0;background:none;text-align:left;font:inherit;cursor:pointer}
.chqt-gh-hit:hover,.chqt-gh-hit:focus{background:var(--chqt-soft,#f4f1ea)}
.wm-where { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.wm-geo, .wm-today { min-height: 44px; padding: 0 4px; border: 0; background: none; color: var(--chqt-ink); font: inherit; font-size: 16px; text-decoration: underline; cursor: pointer; }
.wm-sky { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.wm-fig { margin: 0; }
.wm-dial { max-width: 360px; margin: 0 auto; aspect-ratio: 1 / 1; }
.wm-svg { display: block; width: 100%; height: 100%; }
.wm-ground { fill: #141a2b; stroke: #8a93a8; stroke-width: 1.5; }
.wm-ring { fill: none; stroke: #3a4560; stroke-width: 1; stroke-dasharray: 3 4; }
.wm-tick { stroke: #8a93a8; stroke-width: 1.2; }
.wm-cardinal { fill: var(--chqt-ink); font: 700 15px system-ui, sans-serif; text-anchor: middle; }
.wm-path { fill: none; stroke: #ffd666; stroke-width: 2; stroke-linejoin: round; }
.wm-dot { fill: #ffd666; }
.wm-hour { fill: #f2f2f2; font: 11px system-ui, sans-serif; }
.wm-rise { fill: #7dd3a8; }
.wm-set { fill: #f4a6a6; }
.wm-rs { fill: #f2f2f2; font: 700 12px system-ui, sans-serif; text-anchor: middle; }
.wm-now { fill: #fff8dc; stroke: #ffd666; stroke-width: 3; }
.wm-now-t { fill: #141a2b; font: 700 9px system-ui, sans-serif; text-anchor: middle; }
.wm-cap { margin: 6px 0 0; font-size: 14px; color: var(--chqt-muted); text-align: center; }
.wm-table { width: 100%; border-collapse: collapse; font-size: 15px; font-variant-numeric: tabular-nums; }
.wm-table th, .wm-table td { border-bottom: 1px solid var(--chqt-line); padding: 6px 4px; text-align: left; vertical-align: top; }
.wm-table tbody th { font-weight: 600; white-space: nowrap; }
@media (max-width: 700px) { .wm-sky { grid-template-columns: minmax(0, 1fr); } }
.chqt[data-tool="where-is-the-moon"] .chqt-result { min-height: 0; }