.chart-page{max-width:none}
.chart-brand{margin-bottom:4px}
.chart-intro{padding:7px 8px;background:linear-gradient(187deg,#e4f7e9 50%,#cbead4 50%)}
.chart-intro h1{font-size:24px;color:#063b23;text-shadow:1px 1px #fff;margin-bottom:3px}
.chart-intro p{font-size:13px;color:#132b1c;line-height:1.3}
.chart-actions{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:7px}
.chart-actions a,.chart-actions button,.chart-back-link{border:1px solid #fff;background:#063b23;color:#fff;padding:5px 10px;border-radius:7px;font-size:12px;font-style:normal;box-shadow:0 0 0 1px #0b6b3d;cursor:pointer}
.current-result{padding-bottom:7px}
.current-result strong{display:block;font-size:29px;line-height:1;color:#641038;margin:8px 0 4px;text-shadow:1px 1px #fff}
.current-result p{font-size:13px;color:#111;font-style:normal}
.chart-history{overflow:hidden}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.chart-history table{min-width:660px;margin-top:0}
.chart-history th{background:#063b23;color:#fff;text-shadow:1px 1px #000;font-size:14px}
.chart-history td{height:35px;font-size:15px;background:#eaf9ee;color:#07130c}
.chart-history tbody tr:nth-child(even) td{background:#d9f0e0}
.chart-history td:first-child{font-size:12px;white-space:nowrap;color:#0a482b}
.chart-history .latest-week td{background:#f5ed85;font-weight:800}
.compact-repeat strong{font-size:32px}
.chart-back-link{display:inline-block;margin-top:3px}
.chart-copy{text-align:left}
.directory-zone>div>a{display:block;padding:6px;border-top:2px solid var(--border);font-size:19px;color:#0d3e78;background:linear-gradient(90deg,#ebfff1,#d8f5e2)}
.directory-zone>div>a:first-child{border-top:0}
@media(max-width:500px){.chart-intro h1{font-size:21px}.current-result strong{font-size:26px}.chart-history table{min-width:600px}.chart-history th,.chart-history td{font-size:13px;padding:3px 2px}.directory-zone>div>a{font-size:17px}}
.panel-current-result{padding-bottom:9px}
.result-parts{display:grid;grid-template-columns:1fr .72fr 1fr;gap:4px;margin:7px 6px 1px}
.result-parts span{display:block;border:1px solid #0b6b3d;border-radius:7px;background:#e8f7ec;padding:5px 3px;box-shadow:inset 0 0 0 1px #fff}
.result-parts small{display:block;font-size:10px;color:#164f31;font-style:normal;margin-bottom:2px}
.result-parts b{display:block;font-size:18px;color:#641038;line-height:1}
.panel-history table{min-width:520px}
.panel-history th:nth-child(1){width:28%}
.panel-history th:nth-child(2),.panel-history th:nth-child(4){width:24%}
.panel-history th:nth-child(3){width:24%}
.panel-history td{height:38px}
.panel-history .patti-cell{font-size:18px;font-weight:800;color:#0b472b;letter-spacing:.5px}
.panel-history .jodi-cell{font-size:20px;font-weight:900;color:#751143}
.panel-latest strong{font-size:27px}
@media(max-width:500px){.result-parts{margin-left:3px;margin-right:3px}.result-parts b{font-size:16px}.panel-history table{min-width:470px}.panel-history .patti-cell{font-size:16px}.panel-history .jodi-cell{font-size:18px}.panel-latest strong{font-size:24px}}


/* Inner chart screenshot-level refinement pass */
.chart-page{padding-bottom:66px}
.chart-brand{border-width:3px;outline:3px solid rgba(255,255,255,.72);outline-offset:-8px}

.chart-intro{padding:5px 7px 7px;border-color:#075f35}
.chart-intro h1{font-size:21px;line-height:1.05;margin-bottom:2px;letter-spacing:.1px}
.chart-intro p{font-size:12px;line-height:1.2}
.chart-actions{gap:5px;margin-top:6px}
.chart-actions a,.chart-actions button,.chart-back-link{min-height:28px;padding:5px 9px;border-radius:6px;font-size:11px;line-height:1.1;box-shadow:0 0 0 1px #0b6b3d,0 2px 6px #0003}
.current-result{padding-bottom:5px}
.current-result .section-cap{margin-bottom:0}
.current-result strong{font-size:27px;line-height:1.02;margin:6px 0 2px;color:#67113d}
.current-result p{font-size:12px;line-height:1.15;padding-bottom:1px}
.chart-history{border-color:#075f35}
.chart-history .table-title{margin-bottom:0;border-radius:10px 10px 0 0}
.chart-history table{table-layout:fixed;min-width:630px;margin:0;box-shadow:none}
.chart-history th{height:31px;padding:3px 2px;background:linear-gradient(180deg,#075f35,#043a22);font-size:13px;line-height:1;color:#fff;text-shadow:1px 1px #000;position:sticky;top:0;z-index:1}
.chart-history td{height:31px;padding:2px 2px;font-size:13px;line-height:1.05;vertical-align:middle;text-shadow:1px 1px #fff}
.chart-history td:first-child{font-size:11px;font-weight:800;color:#08442a}
.chart-history tbody tr:nth-child(odd) td{background:#eaf9ee}
.chart-history tbody tr:nth-child(even) td{background:#d9f0e0}
.chart-history tbody tr.latest-week td{background:#f5ed85!important;color:#231d00;box-shadow:inset 0 2px 0 #d3b72c,inset 0 -2px 0 #d3b72c}
.chart-history tbody tr.latest-week td:first-child{color:#594a00}
.jodi-history-table .date-col{width:112px}
.jodi-history-table .day-col{width:73px}
.panel-history-table .date-col{width:128px}
.panel-history-table .patti-col{width:132px}
.panel-history-table .jodi-col{width:86px}
.compact-repeat{padding-bottom:6px}
.compact-repeat .section-cap{font-size:18px}
.compact-repeat strong{font-size:29px;margin-top:5px}
.chart-copy{padding:6px 8px}
.chart-copy h2,.chart-copy h3{font-size:16px;margin:5px 0 3px}
.chart-copy p{font-size:12px;line-height:1.35}
.faq-panel{padding:5px 7px}
.faq-panel details{padding:6px 2px}
.faq-panel summary{font-size:14px;line-height:1.2}
.faq-panel p{font-size:12px;line-height:1.3;padding-top:3px}
.directory-zone>div>a{padding:5px 6px;font-size:17px;line-height:1.15}
.panel-current-result{padding-bottom:6px}
.result-parts{gap:3px;margin:5px 5px 0}
.result-parts span{padding:4px 2px;border-radius:6px}
.result-parts small{font-size:9px;margin-bottom:1px}
.result-parts b{font-size:17px}
.panel-history table{min-width:500px}
.panel-history td{height:33px}
.panel-history .patti-cell{font-size:16px;letter-spacing:.3px}
.panel-history .jodi-cell{font-size:18px}
.panel-latest strong{font-size:25px}
@media(max-width:500px){
  .chart-intro h1{font-size:19px}
  .chart-intro p{font-size:11px}
  .chart-actions a,.chart-actions button,.chart-back-link{font-size:10px;padding:5px 7px}
  .current-result strong{font-size:24px}
  .chart-history table{min-width:570px}
  .chart-history th{font-size:12px;height:29px}
  .chart-history td{font-size:12px;height:29px}
  .chart-history td:first-child{font-size:10px}
  .jodi-history-table .date-col{width:105px}
  .jodi-history-table .day-col{width:68px}
  .panel-history table{min-width:455px}
  .panel-history-table .date-col{width:112px}
  .panel-history-table .patti-col{width:116px}
  .panel-history-table .jodi-col{width:72px}
  .panel-history .patti-cell{font-size:14px}
  .panel-history .jodi-cell{font-size:16px}
  .directory-zone>div>a{font-size:15px}
}
@media(max-width:360px){
  .chart-actions{gap:4px}
  .chart-actions a,.chart-actions button{padding:5px 6px}
}
