@layer composition {
 .track-record{position:relative;isolation:isolate;padding:clamp(2.5rem,6vw,6rem) var(--gutter);border-block:1px solid var(--line);background:color-mix(in srgb,var(--sheet) 87%,transparent)}
 .track-record::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),#60a6c0,transparent);background-size:200% 100%;animation:record-light 12s ease-in-out infinite;pointer-events:none}
 .track-record header{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:end;gap:2rem}
 .track-record h2{font-size:clamp(2rem,4vw,4.3rem);max-inline-size:19ch}
 .track-record header>p{max-inline-size:44ch;margin:0;color:var(--muted)}
 .track-record .overline{font-size:.75rem;letter-spacing:.12em;color:var(--accent)}
 .metric-feature{margin:3rem 0}.metric-panels{display:grid;gap:1.5rem}
 .track-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.2rem,2.5vw,2.5rem);margin:0}
 .track-metrics small{display:block;font-size:.8rem;line-height:1.6;margin-top:.65rem;max-width:45ch}
 [data-metric-rotation="true"] .metric-panels{gap:0}
 [data-metric-rotation="true"] [data-metric-panel]{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s}
 [data-metric-rotation="true"] [data-current="true"]{opacity:1;visibility:visible}
 .metric-controls{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:1rem}
 .metric-controls[hidden]{display:none}.metric-controls>span{margin-inline-end:auto;font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--muted)}
 .metric-controls button{min-height:44px;padding:.55rem .85rem;border:1px solid var(--line);color:var(--ink);background:transparent;font:inherit;font-size:.8rem;cursor:pointer}
 .metric-controls button:hover{background:color-mix(in srgb,var(--accent) 14%,transparent)}
 .metric-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
 @media print{.metric-controls{display:none!important}[data-metric-rotation="true"] [data-metric-panel]{grid-area:auto;opacity:1;visibility:visible;transition:none}}
 @media(prefers-reduced-motion:reduce){[data-metric-rotation="true"] [data-metric-panel]{transition:none}}
 .track-metrics>div{display:flex;flex-direction:column;min-width:0;border-block-end:1px solid var(--line);padding-block-end:2rem}
 .track-metrics dt{order:2;font-size:1rem;line-height:1.55;color:var(--muted);max-inline-size:34ch;margin-block-start:1rem}
 .track-metrics dd{order:1;margin:0;font-size:clamp(2rem,4.4vw,4.8rem);font-weight:600;letter-spacing:-.04em;line-height:1.12;color:var(--ink);text-wrap:balance;overflow-wrap:anywhere}
 .technical-record{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:3rem}
 .technical-record h3{font-size:clamp(1.4rem,2.5vw,2.5rem);max-inline-size:19ch}
 .technical-record ul{list-style:none;margin:0;padding:0;display:grid;gap:1.2rem}
 .technical-record li{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.7rem;border-block-end:1px solid var(--line);padding-block-end:1.2rem}
 .technical-record li>span{font-size:.75rem;color:var(--accent);padding-block-start:.25rem}
 .technical-record p{margin:0;max-inline-size:66ch}
 .track-record>.action-link{display:inline-flex;gap:1rem;align-items:center;min-height:44px;margin-block-start:2rem;font-size:.95rem}
 html[lang="zxx"] .track-metrics dd{font-size:1rem;letter-spacing:0}
 @keyframes record-light{50%{background-position:100% 0}}
 @media(max-width:760px){.track-record header,.technical-record{grid-template-columns:minmax(0,1fr);gap:1.5rem}.track-metrics{gap:1.5rem;margin-block:2.5rem}.track-metrics dd{font-size:clamp(1.8rem,5vw,3rem)}}
 @media(max-width:480px){.track-metrics{grid-template-columns:minmax(0,1fr)}.track-metrics>div{padding-block-end:1.4rem}.track-metrics dd{font-size:2.3rem}}
 @media(prefers-reduced-motion:reduce){.track-record::before{animation:none}}
 html[data-motion="reduce"] .track-record::before,html[data-mode="low"] .track-record::before,html[data-motion-allowed="false"] .track-record::before{animation:none}
 @media print{.track-record::before{display:none}.track-record{break-inside:avoid;background:white;color:black}.track-metrics dd,.track-metrics dt,.technical-record p{color:black}}
}