/* moon-phase-calendar: 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)}
.chqt-form select { font-size: 16px; min-height: 44px; max-width: 100%; }
.mp-where { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.mp-geo { min-height: 44px; padding: 0 4px; border: 0; background: none; color: var(--chqt-ink); font: inherit; font-size: 16px; text-decoration: underline; cursor: pointer; }
.mp-key { margin: 0; font-size: 14px; color: var(--chqt-muted); }
.mp-k-dark { font-weight: 700; color: var(--chqt-ink); }
.mp-h { margin: 0 0 8px; font-weight: 700; font-size: 18px; }
.mp-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; }
.mp-wd { font-size: 12px; font-weight: 700; text-align: center; color: var(--chqt-muted); padding: 2px 0; }
.mp-day { min-height: 72px; border: 1px solid var(--chqt-line); border-radius: 8px; padding: 4px; background: #fff; color: var(--chqt-ink); display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mp-day b { font-size: 13px; }
.mp-day .mp-i { font-size: 22px; line-height: 1; }
.mp-day small { font-size: 11px; line-height: 1.15; overflow-wrap: break-word; }
.mp-day.is-phase { border-color: var(--chqt-ink); border-width: 2px; }
.mp-day.is-dark { background: #1d2333; color: #f2f2f2; }
.mp-day.is-dark b::after { content: " ★"; color: #ffd666; }
.mp-day.is-today { box-shadow: 0 0 0 3px var(--chqt-accent); }
.mp-year { width: 100%; border-collapse: collapse; font-size: 14px; }
.mp-year th, .mp-year td { border-bottom: 1px solid var(--chqt-line); padding: 6px 4px; text-align: left; vertical-align: top; }
@media (max-width: 480px) { .mp-day { min-height: 58px; padding: 3px; } .mp-day small { display: none; } .mp-day.is-phase .mp-t { display: block; } }
@media print {
  .chqt-print-root.chqt-print-moon { columns: auto; font: 11pt system-ui, sans-serif; }
  .chqt-print-moon .mp-day { min-height: 2.2cm; border: 1px solid #000; background: #fff !important; color: #000 !important; }
  .chqt-print-moon .mp-day small { display: block; }
}
.chqt[data-tool="moon-phase-calendar"] .chqt-result { min-height: 0; }