/* Prajñāstra v122 — mobile chart header rebuilt from the actual DOM. */
#mainChartCard,#mainChartCard .chart-view-panel,#mainChartCard .chart{min-height:0!important;height:auto!important;max-height:none!important}
#mainChartCard .chart-view-panel{display:block!important;margin:0!important;padding:0!important}
#mainChartCard .chart-view-panel[hidden]{display:none!important}
#simpleZodiacChart,#navamsaZodiacChart{display:block!important;width:min(100%,700px)!important;margin:10px auto 0!important;padding:0!important;overflow:visible!important;background:transparent!important}
#zodiacChart,#hemisphericChart{display:block!important;width:min(100%,900px)!important;margin:10px auto 0!important;padding:0!important;overflow:visible!important;background:transparent!important}
#simpleZodiacChart>svg,#navamsaZodiacChart>svg,#zodiacChart>svg,#hemisphericChart>svg{position:static!important;inset:auto!important;display:block!important;width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;margin:0!important;transform:none!important}
#drekkanaChart{display:grid!important;min-height:0!important;height:auto!important;align-items:start!important;align-content:start!important}
.house-lord-table,.planet-table{border-collapse:separate!important;border-spacing:0!important}
.house-lord-table-wrap,.planet-table-wrap{position:relative!important;overflow:auto!important;max-width:100%!important;-webkit-overflow-scrolling:touch;isolation:isolate}
.house-lord-table thead th,.planet-table thead th{position:sticky!important;top:0!important;z-index:30!important;background-clip:padding-box!important}
.house-lord-table :is(th,td):first-child,.planet-table :is(th,td):first-child{position:sticky!important;left:0!important;z-index:25!important;background-clip:padding-box!important;box-shadow:2px 0 0 rgba(77,57,39,.17)!important}
.house-lord-table thead th:first-child,.planet-table thead th:first-child{z-index:40!important}
.house-lord-table tbody td:first-child{background-color:#fffdf8!important}.house-lord-table tbody tr:nth-child(even) td:first-child{background-color:#f3ffe5!important}.planet-table tbody td:first-child{background-color:#fffdf8!important}
@media(max-width:900px){
#mainChartCard{padding:10px 8px 14px!important;overflow:hidden!important}
#mainChartCard>.card-head{display:block!important;width:100%!important;min-width:0!important;margin:0 0 8px!important;padding:0 5px!important}
#mainChartCard>.card-head>div:first-child{width:100%!important;min-width:0!important}
#mainChartCard>.card-head h2{margin-bottom:8px!important}
#mainChartCard .chart-view-tabs{display:flex!important;flex-wrap:wrap!important;gap:7px!important;width:100%!important;max-width:100%!important;overflow:visible!important;margin:0!important;padding:0!important;mask-image:none!important;-webkit-mask-image:none!important}
#mainChartCard .chart-view-tab{flex:0 0 auto!important;min-height:40px!important;padding:8px 13px!important;white-space:nowrap!important;font-size:15px!important}
#mainChartCard .toggles{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:7px 12px!important;width:100%!important;min-width:0!important;margin:10px 0 2px!important;padding:9px!important;border:1px solid rgba(116,78,40,.18)!important;border-radius:10px!important;background:rgba(255,255,255,.44)!important;box-sizing:border-box!important}
#mainChartCard .toggles label{display:inline-flex!important;flex:0 0 auto!important;flex-direction:row!important;align-items:center!important;gap:6px!important;width:auto!important;min-width:0!important;margin:0!important;font-size:13px!important;line-height:1.35!important;white-space:nowrap!important}
#mainChartCard .toggles input[type=checkbox]{appearance:auto!important;flex:0 0 18px!important;width:18px!important;height:18px!important;margin:0!important;padding:0!important}
#simpleZodiacChart,#navamsaZodiacChart,#zodiacChart,#hemisphericChart{width:100%!important;margin-top:6px!important}
#drekkanaChart{grid-template-columns:1fr!important;gap:16px!important}
}
@media(max-width:430px){
#mainChartCard{padding-inline:5px!important}#mainChartCard>.card-head{padding-inline:3px!important}#mainChartCard .chart-view-tabs{gap:6px!important}#mainChartCard .chart-view-tab{padding:7px 10px!important;font-size:14px!important}#mainChartCard .toggles{padding:8px 10px!important}.house-lord-table{min-width:980px!important}.planet-table-wrap table{min-width:760px!important}.house-lord-table th:first-child,.house-lord-table td:first-child{min-width:106px}
}
#mainChartCard .toggles label[hidden]{display:none!important}

/* v123 — relation table row-height fix. Keep the first sticky cell a real table-cell;
   only its inner wrapper is flex, so Safari lets it grow with the tallest cell in the row. */
.house-lord-table tbody tr{height:auto!important}
.house-lord-table th,.house-lord-table td{height:auto!important;vertical-align:middle!important}
.house-lord-table td.lord-planet{display:table-cell!important;vertical-align:middle!important;padding-top:8px!important;padding-bottom:8px!important}
.house-lord-table .lord-planet-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%!important;min-height:0!important}
.house-lord-table tbody td:first-child{background-clip:padding-box!important}
@media(max-width:430px){.house-lord-table td.lord-planet{padding-top:7px!important;padding-bottom:7px!important}.house-lord-table .lord-planet-inner{gap:7px!important}}


/* v126 — landing, login gate and authenticated app shell */
[hidden]{display:none!important}
.landing-page{position:fixed;inset:0;z-index:9000}
.landing-copy{display:grid;gap:4px;place-items:center}
.landing-title{font:700 clamp(20px,3.2vw,38px)/1.25 "Trirong","Sarabun",serif;color:#f4df93;text-shadow:0 2px 12px rgba(0,0,0,.55)}
#appShell{min-height:100dvh}
#memberGate{z-index:10000}
@media(max-width:640px){.landing-title{font-size:clamp(18px,5.2vw,25px);padding-inline:10px}.landing-copy{gap:2px}}

/* v128 — authenticated shell and landing separation */
.landing-page[hidden],#appShell[hidden],#memberGate[hidden]{display:none!important}
.landing-subtitle{margin:0;max-width:920px;color:#f0d688;font:600 clamp(14px,2vmin,24px)/1.4 "Trirong","Sarabun",serif;text-shadow:0 2px 10px rgba(0,0,0,.58)}
.member-back-landing{justify-self:start;margin:0 0 8px;padding:6px 0;border:0;background:transparent;color:#7a5a33;font-weight:700;cursor:pointer}
.member-back-landing:hover{text-decoration:underline}
#appShell{position:relative;z-index:1;min-height:100dvh}
#appShell>.topbar{margin-top:0}
@media(max-width:640px){.landing-subtitle{font-size:clamp(13px,3.8vw,18px);padding-inline:12px}.member-back-landing{min-height:40px}}