.ghp-grid{display:grid;grid-template-columns:1fr minmax(220px,300px);gap:16px;align-items:center}
@media (max-width:640px){.ghp-grid{grid-template-columns:1fr}}
#ghp-chart{width:100%;max-width:300px;aspect-ratio:1;display:block;margin:auto}
.ghp-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.ghp-table th{text-align:left;font-weight:600;padding:7px 8px 7px 12px;white-space:nowrap}
.ghp-table td{padding:7px 4px}
.ghp-table tr{border-bottom:1px solid var(--line)}
.ghp-table tr.ghp-gold th{border-left:5px solid #f59e0b}
.ghp-table tr.ghp-blue th{border-left:5px solid #2563eb}
.ghp-table tr.ghp-sun th{border-left:5px solid #ef4444}
.ghp-table tr.ghp-noon th{border-left:5px solid var(--accent)}
.ghp-places{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.ghp-places li{display:flex;align-items:center;gap:2px}
.ghp-x{border:0;background:transparent;color:var(--muted);cursor:pointer;font:inherit}
.ghp-err{color:#dc2626}
.ghp-moon{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0}
.ghp-moon dt{font-weight:600}
.ghp-moon dd{margin:0;font-variant-numeric:tabular-nums}
.small{font-size:.85em}