/* manhattanhenge: this tool's own look, loaded only on its page (tools.css is shared and kept under 5 KB gz) */
.chqt[data-tool="manhattanhenge"] .chqt-form { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 12px; align-content: start; }
.mh-wins { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.mh-win h3, .mh-where h3 { margin: 0 0 8px; font-size: 18px; }
.mh-table, .mh-streets { width: 100%; border-collapse: collapse; font-size: 15px; font-variant-numeric: tabular-nums; }
.mh-table th, .mh-table td, .mh-streets th, .mh-streets td { border-bottom: 1px solid var(--chqt-line); padding: 6px 4px; text-align: left; vertical-align: middle; }
.mh-table tbody th, .mh-streets tbody th { font-weight: 600; white-space: nowrap; }
.mh-table tr.mh-mark, .mh-streets tr.mh-mark { background: #fff7e6; }
.mh-tag { display: block; font-size: 13px; font-weight: 700; color: #9a3412; }
.mh-sun { display: block; }
.mh-disk { fill: #f59e0b; }
.mh-ground { fill: #475569; }
.mh-sky { stroke: #1f2937; stroke-width: 1; }
.mh-where { margin-top: 20px; }
.mh-spots { margin: 0 0 12px; padding-left: 20px; }
.mh-spots li { margin: 4px 0; }
@media (max-width: 700px) {
  .mh-wins { grid-template-columns: minmax(0, 1fr); }
  .mh-table, .mh-streets { font-size: 14px; }
  .mh-table tbody th { white-space: normal; }
}
.chqt[data-tool="manhattanhenge"] .chqt-result { min-height: 0; }