.analytics-page{max-width:1180px}.analytics-coverage{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:26px 0 28px}.analytics-stat,.analytics-result,.analytics-history-stats>div{border:1px solid #d6e2d8;background:#fff;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:8px;min-width:0}.analytics-stat strong{font-size:clamp(1.4rem,3vw,2.2rem);line-height:1.1;color:#1b4c2f}.analytics-stat span,.analytics-result span,.analytics-history-stats span{color:#536455;font-size:.86rem;line-height:1.35}.analytics-controls{border:1px solid #d1dfd1;background:#edf4ed;border-radius:14px;padding:24px;margin:26px 0 32px}.analytics-controls h2{font-size:1.2rem;margin:0 0 17px}.analytics-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}.analytics-inputs label{font-size:.9rem;min-width:0;display:flex;flex-direction:column;gap:8px;color:#2c3f2e}.analytics-inputs :is(input,select,button){font:inherit;border:1px solid #a4b4a4;border-radius:8px;background:#fff;color:#17211b;width:100%;height:46px;padding:9px 10px;min-width:0}.analytics-inputs button{cursor:pointer;background:#21462e;color:#fff;font-weight:600;border-color:#21462e}.analytics-inputs button:hover{background:#356344}.analytics-inputs :is(input,select,button):focus-visible{outline:3px solid #85a389;outline-offset:3px}.analytics-quote-head{display:flex;gap:15px;align-items:baseline;justify-content:space-between;flex-wrap:wrap}.analytics-quote-head h2{font-size:clamp(1.16rem,2.5vw,1.6rem);margin:0}.analytics-quote-head span{font-size:.84rem;color:#526352}.analytics-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.analytics-result{background:#f7faf6}.analytics-result strong{font-size:clamp(1.2rem,2.5vw,2rem);color:#203d2a;overflow-wrap:anywhere}.analytics-context{font-size:.88rem;color:#526052;line-height:1.65}.analytics-alert{border-left:4px solid #be9252;background:#fff5e8;padding:14px 18px;font-size:.94rem;line-height:1.55;margin:16px 0}.analytics-neutral{border-left-color:#8ca28d;background:#f0f5ee}.analytics-section{margin:40px 0;border-top:1px solid #d6dfd6;padding-top:30px}.analytics-section>h2,.analytics-method>h2{font-size:clamp(1.3rem,2.3vw,1.8rem);margin:0 0 10px}.analytics-section>p,.analytics-method>p{max-width:980px;font-size:.95rem;line-height:1.7;color:#536153}.analytics-table-wrap{overflow-x:auto;margin:20px 0;max-width:100%;border:1px solid #d7e0d7;border-radius:10px}.analytics-table{border-collapse:collapse;width:100%;font-size:.92rem}.analytics-table th,.analytics-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #d8e0d8;padding:13px 16px;white-space:nowrap}.analytics-table th{font-weight:600}.analytics-table thead th{background:#eaf1ea;color:#22392a}.analytics-table tbody tr:last-child td,.analytics-table tbody tr:last-child th{border-bottom:0}.analytics-table tbody tr.is-selected{background:#f0f5ec}.analytics-table a,.analytics-history-link{color:#1d5735;text-decoration:underline;text-underline-offset:4px}.analytics-table a:hover,.analytics-history-link:hover{color:#0d3b1c}.analytics-spread{padding:12px 0}.analytics-history-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.analytics-history-stats strong{font-size:1.15rem}.analytics-delta{background:#ecf3e9;padding:14px 16px;border-radius:10px}.analytics-chart{border:1px solid #d6e2d8;background:#fdfefd;border-radius:12px;padding:15px;max-width:960px}.analytics-chart svg{display:block;width:100%;height:auto}.analytics-method{background:#f0f5ef;border:1px solid #d4dfd5;border-radius:14px;margin:42px 0 15px;padding:24px}.analytics-method a{color:#1d5735;text-decoration:underline}.analytics-page .registry-heading{margin-bottom:10px}@media(max-width:820px){.analytics-coverage{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-results{grid-template-columns:1fr 1fr}}@media(max-width:560px){.analytics-inputs{grid-template-columns:1fr}.analytics-controls{padding:16px}.analytics-results{grid-template-columns:1fr}.analytics-quote-head{display:block}.analytics-table th,.analytics-table td{padding:12px 10px;font-size:.85rem}.analytics-history-stats{grid-template-columns:1fr 1fr}.analytics-method{padding:18px}.analytics-section{margin:30px 0}}

/* Benza KZ: table headers must align with values; never overflow the page. */
.analytics-page,.analytics-section,.analytics-table-wrap{min-width:0}
.analytics-section{max-width:100%}
.analytics-table-wrap{width:100%;max-width:100%;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.analytics-table{width:100%;table-layout:auto}
.analytics-table th,.analytics-table td{box-sizing:border-box;text-align:left;vertical-align:middle}
.analytics-table thead th{white-space:normal;overflow-wrap:normal;word-break:normal;hyphens:auto;line-height:1.4}
.analytics-table tbody td{white-space:nowrap}
@media(max-width:700px){
  .analytics-table-wrap{border:0;overflow:visible;margin:18px 0;background:transparent}
  .analytics-table,.analytics-table tbody,.analytics-table tr,.analytics-table th,.analytics-table td{display:block;width:100%;min-width:0}
  .analytics-table thead{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
  .analytics-table tbody tr{border:1px solid #d7e0d7;border-radius:10px;background:#fff;margin-bottom:12px;overflow:hidden}
  .analytics-table tbody tr.is-selected{background:#f0f5ec}
  .analytics-table tbody th[scope="row"]{padding:14px 16px;background:#eaf1ea;border-bottom:1px solid #d7e0d7;white-space:normal;overflow-wrap:anywhere;font-size:1rem;font-weight:700}
  .analytics-table tbody td[data-label]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:12px;padding:10px 16px;white-space:normal;overflow-wrap:anywhere;border-bottom:1px solid #edf0ed;text-align:right;line-height:1.4;font-variant-numeric:tabular-nums}
  .analytics-table tbody td[data-label]::before{content:attr(data-label);text-align:left;font-size:.78rem;font-weight:600;color:#526352;overflow-wrap:anywhere}
  .analytics-table tbody td:last-child{border-bottom:0}
  .analytics-table tbody tr>td[colspan]{display:block;padding:16px;text-align:left}
}

/* Keep each label directly above its value. This selector intentionally
   outranks the global `thead th:nth-child(n+3)` rule in styles.css. */
.analytics-table-wrap > .analytics-table > thead > tr > th {
  text-align: left;
  width: auto;
}

/* Dated, calculation-based takeaways */
.analytics-insights{padding:1.15rem 1.35rem;border-left:4px solid #39815b;background:#f3f8f4;border-radius:0 12px 12px 0}
.analytics-insights p{max-width:84ch;line-height:1.65}.analytics-insights p:last-child{margin-bottom:0}
@media(prefers-color-scheme:dark){.analytics-insights{background:rgba(58,126,79,.12)}}
