/* grahan.css — Grahan (eclipse) page, assets/grahan.js */
.gr-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:8px 0 22px}
.gr-bar label{display:flex;align-items:center;gap:8px;color:var(--muted)}
.gr-city,.gr-geo{background:var(--slab-2);color:var(--chalk);border:1px solid var(--line-2);border-radius:var(--r);padding:8px 10px;font:500 14px var(--body);min-height:38px}
.gr-geo{cursor:pointer}.gr-geo:hover{border-color:var(--brass)}
.gr-msg{color:var(--muted);font-size:13.5px}
.gr-sec{font:500 12px var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:22px 0 8px}
html[lang="hi"] .gr-sec{text-transform:none;font-size:14px;letter-spacing:0}
.gr-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:6px 18px;background:var(--slab);border:1px solid var(--line);border-left:3px solid var(--brass);border-radius:var(--r);padding:18px}
.gr-card.moon{border-left-color:#B5452C}.gr-card.live{box-shadow:0 0 0 1px var(--sindoor-lt) inset}
.gr-ic svg{width:64px;height:64px}
.gr-kick{margin:0;color:var(--muted);font-size:13.5px}
.gr-main h2{margin:2px 0 6px;font-size:24px}
.gr-vis{margin:0 0 10px;font-size:14px}.gr-vis.yes{color:#6FD0A0}.gr-vis.no{color:var(--muted)}
.gr-cd p{margin:0 0 4px;font-size:13px;color:var(--paper-2)}
.gr-cdv{display:flex;gap:8px;flex-wrap:wrap}
.gr-cdv span{display:flex;flex-direction:column;align-items:center;min-width:58px;background:var(--night);border:1px solid var(--line-2);border-radius:var(--r);padding:6px 8px}
.gr-cdv b{font:600 22px var(--mono);color:var(--brass-lt);line-height:1.1}
.gr-cdv small{font-size:11px;color:var(--muted)}
.gr-times{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin:14px 0 0}
.gr-times div{background:var(--night);border:1px solid var(--line);border-radius:var(--r);padding:9px 12px}
.gr-times dt{font-size:12px;color:var(--muted)}
.gr-times dd{margin:2px 0 0;font:500 14.5px var(--body)}
.gr-times dd small{color:var(--muted);font-weight:400}
.gr-times dd a{color:var(--brass-lt);font-size:13px;margin-left:4px}
.gr-times .warn dd{color:#F3B4A6}.gr-times .hl dd{color:#6FD0A0}
.gr-tz{grid-column:1/-1;margin:8px 0 0;font-size:12.5px;color:var(--dim)}
.gr-all{margin-top:40px}
.gr-all h3{font-family:var(--mono);font-size:15px;color:var(--brass-lt);margin:22px 0 6px}
.gr-list{list-style:none;margin:0;padding:0}
.gr-list li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:9px 0;border-bottom:1px dashed var(--line)}
.gr-list li.past{opacity:.5}
.gr-li-ic svg{width:30px;height:30px;display:block}
.gr-list small{display:block;color:var(--muted);font-size:13px}
.gr-list em{font-style:normal;font:500 11px var(--body);padding:2px 7px;border-radius:2px;white-space:nowrap}
.gr-list em.yes{background:rgba(63,154,110,.18);color:#6FD0A0}.gr-list em.no{background:rgba(135,146,172,.14);color:var(--muted)}
@media (max-width:560px){.gr-card{grid-template-columns:1fr}.gr-ic svg{width:48px;height:48px}.gr-cdv span{min-width:52px}}