/* T-Rex-inspired warm canvas, restrained blue charts and heatmap tables. */
body{background:#faf6f8}
:root{--line:#e1e2d9}
.hero-card{background:#ffffffa8}
.quant-note{font-size:14px;color:#62665f;line-height:1.75;margin:16px 0}
.quant-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.quant-chart{padding:25px 28px;background:#ffffffa8;border:1px solid #dedfd6;border-radius:16px;margin:20px 0}
.quant-chart h3{font-size:19px}
.quant-unit{font-size:12px;color:#70756e}
.quant-bar{display:grid;grid-template-columns:112px minmax(0,1fr) 42px;gap:12px;align-items:center;margin:14px 0;font-size:13px;font-variant-numeric:tabular-nums}
.quant-bar strong{text-align:right;font-weight:500}
.quant-track{height:23px;border-radius:4px;background:repeating-linear-gradient(to right,#e3e7e0 0 1px,transparent 1px 25%);overflow:hidden}
.quant-track i{display:block;height:100%;background:#aec9dd;border-radius:3px}
.quant-bar.ours{font-weight:700;color:#225b7b}
.quant-bar.ours i{background:#347da5}
.quant-bar.ours strong{font-weight:750}
.quant-scroll{overflow-x:auto;border:1px solid #dedfd6;border-radius:12px;background:#ffffffa8;margin:24px 0}
.quant-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px;font-variant-numeric:tabular-nums}
.quant-table caption{text-align:left;padding:16px 18px;font-size:14px;font-weight:600;caption-side:top}
.quant-table th,.quant-table td{padding:12px 9px;text-align:center;border-bottom:1px solid #e6e8e1;white-space:nowrap}
.quant-table thead th{font-size:11px;color:#56635d;background:#edf0e9;font-weight:600}
.quant-table th:first-child{text-align:left;padding-left:18px;position:sticky;left:0;background:#fbfbf6;z-index:1}
.quant-table td{background:rgba(96,158,186,var(--heat,0))}
.quant-table tbody th{font-weight:500}
.quant-table .ours th{font-weight:750;color:#225b7b}
.quant-table .best{font-weight:800;color:#173f55}
.quant-table tbody tr:last-child>*{border-bottom:0}
@media(max-width:760px){.quant-grid{grid-template-columns:1fr;gap:0}.quant-chart{padding:20px 16px}.quant-bar{grid-template-columns:100px minmax(0,1fr) 36px;gap:8px;font-size:12px}.quant-table{min-width:740px}}