/* Result cards are in shared/photo-calculators.css; the times, the arrows, the phase table and the strip are this tool's own. */
.gh-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:16px 0}
.gh-times{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
.gh-times>div,.gh-card{padding:12px 16px;background:white;border:1px solid #ccd5df;border-radius:12px}
.gh-times dt{font-size:.85rem;color:#3b4a5a}
.gh-times dd{margin:0;font-size:1.25rem;font-weight:700}
.gh-direction{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.gh-card{display:flex;flex-direction:column;align-items:flex-start}
.gh-card .tool-label{margin-top:0}
.gh-card output{display:block;font-size:1.1rem;font-weight:700;margin:4px 0 0}
.gh-arrow{display:inline-block;width:48px;height:48px;margin:4px 0;color:#1d3557}
.gh-arrow svg{display:block;width:100%;height:100%}
.gh-table{overflow-x:auto}
.gh-table table{font-size:.95rem}
.gh-table td,.gh-table th{vertical-align:top;padding:8px 6px}
.gh-table time{white-space:nowrap}
.gh-strip{display:flex;height:40px;margin:8px 0 4px;border-radius:8px;overflow:hidden;background:#e7edf3}
.gh-seg{display:block;height:100%}
.gh-day{background:#cfe6f7}
.gh-golden{background:#f2a93b}
.gh-blue{background:#3b6fb6}
.gh-night{background:#1d2a3a}
.gh-ticks{display:flex;justify-content:space-between;font-size:.8rem;color:#3b4a5a}
.gh-legend{font-size:.85rem;margin:8px 0 0}
.calc-tool [data-daylight]{font-weight:600}