/* sky.css — "The sky right now" wheel on the homepage (assets/sky.js) */
.sky{margin:56px auto 8px}
.sky .sk-h{display:flex;align-items:center;gap:10px;font-family:var(--disp);font-weight:400;font-size:26px;margin:0}
.sk-dot{width:9px;height:9px;border-radius:50%;background:var(--dim);flex:none}
.sky.is-live .sk-dot{background:var(--sindoor-lt);box-shadow:0 0 0 0 rgba(240,101,75,.6);animation:skPulse 2s infinite}
@keyframes skPulse{0%{box-shadow:0 0 0 0 rgba(240,101,75,.55)}70%{box-shadow:0 0 0 9px rgba(240,101,75,0)}100%{box-shadow:0 0 0 0 rgba(240,101,75,0)}}
.sk-sub{color:var(--muted);max-width:70ch;margin:6px 0 18px}
.sk-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(18px,3vw,36px);align-items:start}
.sk-left{background:var(--slab);border:1px solid var(--line);border-radius:var(--r);padding:14px}
.sk-wheel{display:block;width:100%;max-width:440px;margin:0 auto;height:auto;overflow:visible}
.sk-sg{fill:#17233D;stroke:none}.sk-sg.alt{fill:#111B30}
.sk-rim{fill:none;stroke:var(--line-2);stroke-width:1}
.sk-sg.me{fill:rgba(192,138,46,.28)}
.sk-sl{fill:var(--paper-2);font:500 10.5px var(--body);text-anchor:middle;pointer-events:none}
html[lang="hi"] .sk-sl{font-size:12px}
.sk-lg{fill:var(--brass-lt);font:600 8.5px var(--mono);text-anchor:middle;pointer-events:none}
.sk-nk{fill:transparent}.sk-nk:hover{fill:rgba(233,197,116,.12)}
.sk-tk{stroke:var(--line);stroke-width:.6}
.sk-dv{stroke:var(--line-2);stroke-width:1}
.sk-trail polyline{fill:none;stroke-width:3;stroke-linecap:round;opacity:.45;stroke-dasharray:1 5}
.sk-p{cursor:pointer;outline:none}
.sk-p circle{stroke-width:1.6;transition:r .15s}
.sk-p text{font:600 10.5px var(--mono);text-anchor:middle;pointer-events:none}
html[lang="hi"] .sk-p text{font-family:var(--body);font-size:11px}
.sk-p .sk-stem{stroke-width:1;opacity:.45}
.sk-p .sk-r{fill:var(--sindoor-lt)!important;font-size:9px}
.sk-p:hover circle,.sk-p:focus-visible circle,.sk-p.on circle{r:14;stroke-width:2.4}
.sk-p.on circle{fill:#1A2540}
.sk-c1{fill:var(--chalk);font:500 11.5px var(--body);text-anchor:middle}
.sk-c2{fill:var(--muted);font:400 10px var(--body);text-anchor:middle}
.sk-ctl{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:10px 0 8px}
.sk-b{background:var(--slab-2);color:var(--chalk);border:1px solid var(--line-2);border-radius:var(--r);padding:7px 12px;font:500 13px var(--body);cursor:pointer;min-height:36px}
.sk-b:hover{border-color:var(--brass)}
.sk-play{color:var(--brass-lt);min-width:92px}
.sk-play[aria-pressed="true"]{background:var(--brass-dk);color:#fff}
.sk-range{width:100%;accent-color:var(--brass)}
.sk-when{text-align:center;font:400 13px var(--mono);color:var(--paper-2);margin-top:4px}
.sk-live{color:var(--sindoor-lt);font-weight:600;letter-spacing:.06em;margin-right:4px}
.sky .dim{color:var(--dim)}.sky .mono{font-family:var(--mono)}
.sk-detail{background:var(--slab);border:1px solid var(--line);border-left:3px solid var(--brass);border-radius:var(--r);padding:12px 14px;font-size:14px;line-height:1.6;min-height:74px;margin-bottom:12px}
.sk-tbl-wrap{overflow-x:auto}
.sk-tbl{width:100%;border-collapse:collapse;font-size:13.5px}
.sk-tbl th{text-align:left;font:500 11px var(--body);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:6px 8px;border-bottom:1px solid var(--line-2);white-space:nowrap}
html[lang="hi"] .sk-tbl th{text-transform:none;font-size:12.5px;letter-spacing:0}
.sk-tbl td{padding:7px 8px;border-bottom:1px solid var(--line);vertical-align:middle}
.sk-tbl tbody tr{cursor:pointer}
.sk-tbl tbody tr:hover,.sk-tbl tbody tr.on{background:var(--slab-2)}
.sk-tbl td i,.sk-up li i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;vertical-align:1px}
.sky em{font-style:normal;font:500 10.5px var(--body);padding:1px 5px;border-radius:2px;margin-left:2px;white-space:nowrap}
.t-r{background:rgba(220,58,32,.18);color:var(--sindoor-lt)}
.t-c{background:rgba(135,146,172,.18);color:var(--muted)}
.t-exalt,.t-moola,.t-own{background:rgba(63,154,110,.18);color:#6FD0A0}
.t-debil{background:rgba(192,138,46,.18);color:var(--brass-lt)}
.sk-up h3{margin:18px 0 6px;font-size:17px}
.sk-up ul{list-style:none;margin:0;padding:0}
.sk-up li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed var(--line);font-size:14px}
.sk-up li small{color:var(--muted);font-family:var(--mono);white-space:nowrap}
.sk-me{margin-top:14px;font-size:13.5px;color:var(--muted);line-height:1.6}
.sk-me a{color:var(--brass-lt)}
.sk-key{display:inline-block;width:12px;height:12px;background:rgba(192,138,46,.45);border:1px solid var(--brass);vertical-align:-1px;margin-right:4px}
.sk-lgk{font:600 10px var(--mono);color:var(--brass-lt)}
@media (max-width:820px){.sk-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:420px){.sk-tbl{font-size:12.5px}.sk-tbl td,.sk-tbl th{padding:6px 5px}}
@media (prefers-reduced-motion:reduce){.sky.is-live .sk-dot{animation:none}}
