/* kundli.css */
.kundli-hero { background: radial-gradient(ellipse at 50% 0%, rgba(192,0,255,.13), transparent 60%); }
.kundli-hero h1 { font-family: var(--f-display); font-size: clamp(2rem,5vw,4rem); }
.kundli-section { background: rgba(8,0,20,.5); }
.kundli-layout { display: flex; flex-direction: column; gap: 2rem; }
.kundli-form-card { max-width: 700px; width: 100%; }
.kundli-result[hidden] { display: none; }
.kundli-result { display: flex; flex-direction: column; gap: 1.5rem; }
.kr-header { display: flex; flex-direction: column; gap: .4rem; }
.krh-name { font-family: var(--f-display); font-size: 1.5rem; color: var(--c-neon); }
.krh-meta { font-size: .82rem; color: var(--c-muted); }
.kc-title { font-family: var(--f-display); font-size: .88rem; color: var(--c-neon); margin-bottom: 1.25rem; letter-spacing: .04em; }
.kundli-chart-wrap { overflow: auto; }
.kundli-chart { display: flex; justify-content: center; }
.kundli-chart svg { max-width: 100%; height: auto; }
.krp-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: .75rem; }
.krp-item { background: rgba(40,0,80,.3); border: 1px solid rgba(192,0,255,.15); border-radius: var(--r-sm); padding: .75rem; }
.krp-sym { font-size: 1.3rem; margin-bottom: .25rem; }
.krp-name { font-size: .8rem; font-weight: 600; color: var(--c-text); }
.krp-sign { font-size: .75rem; color: var(--c-neon); }
.krp-deg  { font-size: .7rem; color: var(--c-muted); }
.dasha-item { display: flex; align-items: center; gap: 1rem; padding: .75rem; border-radius: var(--r-sm); border: 1px solid var(--c-border); margin-bottom: .5rem; }
.dasha-item.current { border-color: rgba(192,0,255,.5); background: rgba(192,0,255,.06); }
.di-planet { font-size: 1.4rem; }
.di-name { font-weight: 600; font-size: .88rem; }
.di-period { font-size: .75rem; color: var(--c-muted); }
.di-badge { margin-left: auto; font-size: .65rem; background: var(--c-neon); color: #000; padding: .2rem .6rem; border-radius: var(--r-full); font-weight: 700; }