/* PASS 140 — chart-page reference hierarchy and quality match.
   Scope is intentionally limited to Jodi and Panel chart pages. */
.chart-page{--chart-border:#08713f;--chart-deep:#043a22;--chart-green:#087a45;--chart-soft:#e8f8ed;--chart-soft-2:#d7efe0;--chart-gold:#d8bd4a;font-style:normal}
.chart-page .chart-reference-intro{padding:7px 8px 8px;text-align:center;background:linear-gradient(180deg,#e9faee,#d5efdd)}
.chart-page .chart-reference-intro h1{margin:0;padding:7px 8px;font-size:clamp(21px,4.8vw,34px);line-height:1.05;text-transform:uppercase;font-style:italic}
.chart-page .chart-reference-intro h2{margin:5px 0 3px;color:#073e26;font-size:clamp(15px,3.5vw,22px);line-height:1.1;font-style:italic;font-weight:900;text-transform:uppercase;text-shadow:1px 1px #fff}
.chart-page .chart-reference-intro>p{max-width:920px;margin:3px auto;font-size:clamp(12px,2.6vw,16px);line-height:1.35;color:#17251d}
.chart-page .chart-keyword-line{padding:7px 8px;border:1px solid rgba(8,113,63,.45);border-radius:7px;background:rgba(255,255,255,.55);font-style:italic;font-weight:700}
.chart-page .chart-actions{margin-top:8px}
.chart-page .chart-actions a,.chart-page .chart-actions button{min-width:98px}
.chart-page .reference-current-result{padding:0 7px 9px;background:linear-gradient(180deg,#f0fff3,#d9f0e0)}
.chart-page .reference-current-result .section-cap{margin:0 -2px 3px}
.chart-page .reference-current-result strong{margin:8px 0 3px;font-size:clamp(28px,7vw,46px);letter-spacing:.7px}
.chart-page .reference-current-result>p{font-size:clamp(12px,2.6vw,16px);font-weight:800}
.chart-page .result-refresh-btn{display:inline-flex;align-items:center;justify-content:center;min-height:30px;margin:6px auto 2px;padding:5px 14px;border:1px solid #fff;border-radius:7px;background:linear-gradient(180deg,#0b8f50,#043c23);color:#fff;font:800 12px/1 Helvetica,Arial,sans-serif;box-shadow:0 0 0 1px var(--chart-border),0 3px 7px #0004;cursor:pointer}
.chart-page .result-refresh-btn:active{transform:translateY(1px)}
.chart-page .result-status{display:block;min-height:14px;margin-top:3px;color:#24543a;font-size:10px;font-weight:700}
.chart-page .result-status.is-updated{color:#075f35}
.chart-page .chart-scroll-note{padding:5px 7px;border-bottom:1px solid var(--chart-border);background:#effaf2;color:#174c31;font-size:11px;font-weight:800;text-align:center}
.chart-page .chart-history{overflow:hidden;background:var(--chart-soft)}
.chart-page .chart-history .table-title{border-radius:10px 10px 0 0!important}
.chart-page .chart-history table{margin:0;border-collapse:collapse;box-shadow:none}
.chart-page .chart-history thead th{position:sticky;top:0;z-index:3;height:32px;padding:4px 3px;background:linear-gradient(180deg,#087b46,#043c23)!important;color:#fff!important;font-size:13px;line-height:1;text-transform:uppercase}
.chart-page .chart-history tbody td{border:1px solid rgba(8,113,63,.65)!important;background:#eaf8ee!important;color:#111;font-variant-numeric:tabular-nums lining-nums}
.chart-page .chart-history tbody tr:nth-child(even) td{background:#d9f0e0!important}
.chart-page .chart-history tbody tr.latest-week td{background:#f3ed99!important;color:#241f00!important;box-shadow:inset 0 2px 0 var(--chart-gold),inset 0 -2px 0 var(--chart-gold)}
.chart-page .reference-jodi-table{width:100%;min-width:0!important;table-layout:fixed}
.chart-page .reference-jodi-table th,.chart-page .reference-jodi-table td{width:14.285%;text-align:center}
.chart-page .reference-jodi-table td{height:33px;padding:3px 1px;font-size:clamp(13px,3.4vw,18px);font-weight:900;line-height:1}
.chart-page .reference-jodi-table tr.missing-row td{color:#4b5e50}
.chart-page .reference-panel-table{width:100%;min-width:940px!important;table-layout:fixed}
.chart-page .reference-panel-table .date-col{width:112px}
.chart-page .reference-panel-table .panel-day-col{width:118px}
.chart-page .reference-panel-table th:first-child,.chart-page .reference-panel-table td:first-child{position:sticky;left:0;z-index:2;box-shadow:2px 0 5px #0002}
.chart-page .reference-panel-table th:first-child{z-index:4;background:linear-gradient(180deg,#075f35,#04351f)!important}
.chart-page .reference-panel-table td:first-child{padding:4px;background:#d0ead9!important;color:#063b23;font-size:11px;font-weight:900;line-height:1.2;white-space:nowrap;text-align:center}
.chart-page .reference-panel-table tr:nth-child(even) td:first-child{background:#c7e3d1!important}
.chart-page .reference-panel-table td{height:65px;padding:2px}
.chart-page .panel-record{display:grid;grid-template-columns:18px 34px 18px;align-items:center;justify-content:center;gap:3px;min-height:57px}
.chart-page .patti-stack{display:grid;gap:0;color:#083d25;font-size:13px;font-weight:900;line-height:.92;text-align:center}
.chart-page .patti-stack i{font-style:normal}
.chart-page .panel-record b{display:grid;place-items:center;min-width:32px;height:28px;border-radius:50%;background:#fff9c8;color:#6a123d;font-size:17px;line-height:1;box-shadow:inset 0 0 0 1px #b79d2c,0 1px 3px #0002}
.chart-page .panel-record.is-empty{grid-template-columns:1fr;color:#52665a;font-size:20px;font-weight:900}
.chart-page .reference-repeat-result{padding:0 7px 8px;background:linear-gradient(180deg,#ebfaef,#d6eee0)}
.chart-page .reference-repeat-result .section-cap{margin:0 -2px 3px}
.chart-page .reference-repeat-result strong{display:block;margin:7px 0 2px;font-size:clamp(27px,6vw,40px)}
.chart-page .reference-chart-copy{padding:7px 10px;text-align:left;background:linear-gradient(180deg,#f0fbf3,#dff2e5)}
.chart-page .reference-chart-copy h2,.chart-page .reference-chart-copy h3{margin:8px 0 4px;padding-bottom:4px;color:#064328;font-size:clamp(16px,3.6vw,22px);line-height:1.15;font-style:italic;font-weight:900;border-bottom:1px solid rgba(8,113,63,.35)}
.chart-page .reference-chart-copy h2:first-child{margin-top:1px}
.chart-page .reference-chart-copy p,.chart-page .reference-chart-copy li{color:#17251d;font-size:clamp(12px,2.7vw,16px);line-height:1.48;font-weight:600}
.chart-page .reference-chart-copy ul{margin:5px 0 8px;padding-left:22px}
.chart-page .chart-visible-faq{overflow:hidden;padding:0;background:linear-gradient(180deg,#eaf8ee,#d9f0e0)}
.chart-page .chart-visible-faq .section-cap{margin:0}
.chart-page .chart-faq-item{padding:8px 10px;border-top:1px solid rgba(8,113,63,.55)}
.chart-page .chart-faq-item:first-child{border-top:0}
.chart-page .chart-faq-item:nth-child(even){background:rgba(255,255,255,.38)}
.chart-page .chart-faq-item h3{margin:0 0 4px;color:#07492d;font-size:clamp(14px,3.3vw,19px);line-height:1.2;font-style:italic;font-weight:900}
.chart-page .chart-faq-item p{margin:0;color:#18271e;font-size:clamp(12px,2.6vw,15px);line-height:1.42;font-weight:600}
.chart-page .chart-jump-row{text-align:center;margin:5px 0}
.chart-page .chart-jump-row a{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 14px;border:1px solid #fff;border-radius:7px;background:linear-gradient(180deg,#0b8f50,#043c23);color:#fff;font-size:12px;font-weight:900;box-shadow:0 0 0 1px var(--chart-border),0 2px 6px #0003;text-decoration:none}
.chart-page .reference-directory{overflow:hidden}
.chart-page .reference-directory>div{display:grid;grid-template-columns:1fr}
.chart-page .reference-directory>div>a{position:relative;padding:8px 34px 8px 10px;border-top:1px solid rgba(8,113,63,.55);background:linear-gradient(90deg,#effcf2,#d9f2e1);color:#0b3f78;font-size:clamp(14px,3.3vw,19px);line-height:1.2;font-style:italic;font-weight:900;text-align:left;text-decoration:none}
.chart-page .reference-directory>div>a:nth-child(even){background:linear-gradient(90deg,#e3f6e9,#cdebd7)}
.chart-page .reference-directory>div>a::after{content:"›";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#075f35;font-size:24px;font-style:normal}
.chart-page .reference-directory>div>a:first-child{border-top:0}
.chart-page .disclaimer-panel h2{font-style:italic}
@media(min-width:700px){
  .chart-page .reference-directory>div{grid-template-columns:repeat(2,minmax(0,1fr))}
  .chart-page .reference-directory>div>a:nth-child(2){border-top:0}
  .chart-page .reference-directory>div>a:nth-child(even){border-left:1px solid rgba(8,113,63,.45)}
}
@media(max-width:500px){
  .chart-page .chart-reference-intro{padding:5px 6px 7px}
  .chart-page .chart-reference-intro h1{padding:6px;font-size:20px}
  .chart-page .chart-reference-intro h2{font-size:15px}
  .chart-page .chart-reference-intro>p{font-size:11px}
  .chart-page .chart-keyword-line{padding:6px}
  .chart-page .chart-actions a,.chart-page .chart-actions button{min-width:88px}
  .chart-page .reference-current-result strong{font-size:27px}
  .chart-page .reference-jodi-table td{height:31px;font-size:14px}
  .chart-page .reference-panel-table{min-width:850px!important}
  .chart-page .reference-panel-table .date-col{width:104px}
  .chart-page .reference-panel-table .panel-day-col{width:106px}
  .chart-page .reference-panel-table td{height:61px}
  .chart-page .panel-record{grid-template-columns:17px 31px 17px;min-height:53px;gap:2px}
  .chart-page .patti-stack{font-size:12px}
  .chart-page .panel-record b{min-width:29px;height:26px;font-size:15px}
}
@media(prefers-reduced-motion:reduce){.chart-page *{scroll-behavior:auto!important}}
.chart-page .brand-image{transform:none;backface-visibility:visible}