.tt{container-type:inline-size}.tt table{grid-template-columns:1fr auto;width:100%;display:grid}.tt table[data-values="2"]{grid-template-columns:1fr auto auto;column-gap:1.25rem}.tt thead,.tt tbody{display:contents}.tt caption{text-align:left;grid-column:1/-1;margin-bottom:1.25rem;font-weight:600;display:block}.tt tr{grid-column:1/-1;grid-template-columns:subgrid;align-items:center;row-gap:.25rem;display:grid}.tt tbody tr{border-bottom:1px solid var(--color-rule);padding:.75rem 0 .9rem}.tt th,.tt td{font-weight:inherit;text-align:left;padding:0}.tt-head{color:var(--color-ink-soft);text-align:right;grid-area:1/2;font-size:.8125rem}.tt-head:nth-of-type(4){grid-column:3}.tt-axis{color:var(--color-ink-soft);grid-area:2/1/auto/-1;justify-content:space-between;padding-bottom:.35rem;font-size:.8125rem;display:flex}.tt .tt-label{grid-area:1/1;font-weight:600}.tt-detail{color:var(--color-ink-soft);grid-area:2/1;font-size:.875rem}.tt-zone{color:var(--zone-text);margin-right:.5rem;font-weight:700}.tt-value{color:var(--zone-text);font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;grid-area:1/2/span 2;font-size:1.875rem;font-style:italic;font-weight:300;font-stretch:110%;line-height:1}.tt-value:nth-of-type(3){grid-column:3}[data-values="2"] .tt-value{font-size:1.5rem}.tt-value small{color:var(--color-ink-soft);font-family:var(--font-sans);font-variant-numeric:normal;letter-spacing:0;margin-top:.3rem;font-size:.8125rem;font-style:normal;font-stretch:100%;display:block}.tt-track{background:var(--color-track);grid-area:3/1/auto/-1;height:.75rem;margin-top:.4rem;position:relative;overflow:hidden}.tt-track svg{position:absolute;inset:0;overflow:visible}.tt-tick{stroke:var(--color-rule);stroke-width:1px}.tt-span,.tt-point{fill:var(--zone);transform-box:fill-box;transform-origin:0;transform:skew(-20deg)}.tt-point{transform:translate(-5px)skew(-20deg)}@container (width>=40rem){.tt table{grid-template-columns:minmax(9rem,auto) minmax(5rem,auto) minmax(10rem,1fr) auto;gap:3px clamp(1rem,2.5vw,2rem)}.tt table[data-values="2"]{grid-template-columns:minmax(9rem,auto) minmax(5rem,auto) minmax(10rem,1fr) minmax(6.5rem,auto) minmax(6.5rem,auto)}.tt thead tr{padding-bottom:.35rem}.tt tbody tr{border:0;min-height:3.5rem;padding:0}.tt-axis{grid-area:1/3;padding-bottom:0}.tt-head:nth-of-type(3){grid-column:4}.tt-head:nth-of-type(4){grid-column:5}.tt .tt-label,.tt-detail{grid-row:1}.tt-detail{grid-column:2;font-size:.9375rem}.tt-value{min-width:7ch;font-size:var(--text-figure);grid-row:1}[data-values="2"] .tt-value{font-size:clamp(1.5rem,2.4vw,2rem)}.tt-value:nth-of-type(2){grid-column:4}.tt-value:nth-of-type(3){grid-column:5}.tt-track{grid-area:1/3;align-self:stretch;height:auto;margin-top:0}}@media (prefers-reduced-motion:no-preference){[data-run] .tt-span{animation:tt-run var(--duration-run) var(--ease-run) both}[data-run] .tt-point{animation:tt-mark var(--duration-run) var(--ease-run) both}.tt[data-run] tbody tr:nth-child(2) rect{animation-delay:60ms}.tt[data-run] tbody tr:nth-child(3) rect{animation-delay:.12s}.tt[data-run] tbody tr:nth-child(4) rect{animation-delay:.18s}.tt[data-run] tbody tr:nth-child(5) rect{animation-delay:.24s}.tt[data-run] tbody tr:nth-child(n+6) rect{animation-delay:.3s}}@media (prefers-reduced-motion:reduce){[data-run] .tt-span,[data-run] .tt-point{animation:.2s ease-out both tt-fade}}@keyframes tt-fade{0%{opacity:0}}@keyframes tt-run{0%{transform:skew(-20deg)scaleX(0)}}@keyframes tt-mark{0%{opacity:0;transform:translate(-5px)translateY(40%)skew(-20deg)}}
