article h2{color:var(--senary-dark);font-size:var(--fs-2xl);margin-bottom:var(--space-lg);border-bottom:var(--bw-thick) solid var(--senary);padding-bottom:var(--space-sm);letter-spacing:var(--ls-medium)}article>section>p{font-size:var(--fs-base);color:var(--gray-900);margin-bottom:var(--space-lg);line-height:var(--lh-medium);&[role=note]{background:color-mix(in srgb,var(--senary-light) 40%,transparent);border-left:var(--bw-xl) solid var(--senary);padding:var(--space-md);border-radius:var(--br-md)}}small{display:flex;justify-content:center;margin-top:var(--space-sm);font-size:var(--fs-sm);color:var(--gray-600);font-style:italic}section{margin-bottom:var(--space-3xl);&:last-of-type{margin-bottom:0}}section[aria-labelledby=records]{>form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);align-items:flex-end;background:var(--gray-50);border-radius:var(--br-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);box-shadow:var(--shadow-md);fieldset{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xs);border:none;legend{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--senary-dark);letter-spacing:var(--ls-wide);text-transform:uppercase;margin-bottom:var(--space-xs)}label{font-size:var(--fs-sm);font-weight:var(--fw-bold);border:var(--bw-medium) solid var(--secondary);background:var(--white);color:var(--gray-800);padding:var(--space-sm) 0;text-align:center;border-radius:var(--br-full);cursor:pointer;transition-duration:var(--transition-fast);position:relative;&:nth-of-type(2){border-color:var(--primary)}&:nth-of-type(3){border-color:var(--quaternary)}&:last-of-type{border-color:var(--tertiary)}&:hover{background:color-mix(in srgb,var(--secondary-light) 40%,transparent)}&:nth-of-type(2):hover{background:color-mix(in srgb,var(--primary-light) 40%,transparent)}&:nth-of-type(3):hover{background:color-mix(in srgb,var(--quaternary-light) 40%,transparent)}&:last-of-type:hover{background:color-mix(in srgb,var(--tertiary-light) 40%,transparent)}&:first-of-type:has(input:checked){background:var(--secondary);color:var(--gray-950);border-color:var(--secondary-dark)}&:nth-of-type(2):has(input:checked){background:var(--primary-light);border-color:var(--primary-dark)}&:nth-of-type(3):has(input:checked){background:var(--quaternary-light);border-color:var(--quaternary-dark)}&:last-of-type:has(input:checked){background:var(--tertiary-light);border-color:var(--tertiary-dark)}input{position:absolute;width:0;height:0;margin:0;padding:0;border:0;opacity:0;pointer-events:none}}select{font-size:var(--fs-base);font-family:var(--font-primary);border:var(--bw-medium) solid var(--senary);border-radius:var(--br-sm);padding:var(--space-sm) var(--space-md);background:var(--white);color:var(--gray-900);&:focus{background:color-mix(in srgb,var(--senary-light) 50%,transparent)}&:focus-visible{border-color:var(--senary)}}button{display:flex;flex-direction:row;white-space:nowrap;border:var(--bw-medium) solid var(--gray-400);background:var(--white);border-radius:var(--br-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;color:var(--black);font-size:var(--fs-md);transition-duration:var(--transition-fast);&[aria-pressed=false]{background:color-mix(in srgb,var(--senary-light) 75%,transparent);border-color:var(--senary);&:hover{color:var(--senary-dark)}}&[aria-pressed=true]{background:color-mix(in srgb,var(--septenary-light) 75%,transparent);border-color:var(--septenary);&:hover{color:var(--septenary-dark)}}}}}>div{max-height:700px;overflow:auto;outline:var(--bw-thick) solid var(--senary);>table{width:100%;border-collapse:collapse;background:var(--white);font-size:var(--fs-sm);overflow-x:scroll;min-width:1000px;thead>tr{>th{background:var(--senary);color:var(--white);text-align:center;padding:var(--space-md) var(--space-xs);font-size:var(--fs-sm);letter-spacing:var(--ls-wide);white-space:nowrap;position:sticky;top:0}}tbody>tr{border-bottom:var(--bw-thin) solid var(--gray-200);transition:var(--transition-fast);&:hover{background:color-mix(in srgb,var(--senary-light) 20%,transparent)}&:last-child{border-bottom:none}&:nth-child(2n){background:var(--gray-50)}&:nth-child(2n):hover{background:color-mix(in srgb,var(--senary-light) 25%,transparent)}&:first-child td:nth-of-type(3){color:var(--gold)}&:nth-of-type(2) td:nth-of-type(3){color:var(--silver)}&:nth-of-type(3) td:nth-of-type(3){color:var(--bronze)}td{padding:var(--space-md) 0;color:var(--gray-900);text-align:center;vertical-align:middle;&:first-of-type{font-size:var(--fs-base);font-weight:var(--fw-bold);color:var(--senary-dark);width:3ch}&:nth-of-type(3){font-weight:var(--fw-bold);white-space:nowrap}&:nth-of-type(4){font-weight:var(--fw-semibold)}&[data-gender=m]{color:color-mix(in srgb,var(--primary-hover),black 20%)}&[data-gender=x]{color:color-mix(in srgb,var(--tertiary-hover),black 20%)}&[data-gender=w]{color:color-mix(in srgb,var(--quaternary-hover),black 20%)}&[data-event=sprint]{color:color-mix(in srgb,var(--sprint),black 50%)}&[data-event=middle]{color:color-mix(in srgb,var(--middle),black 50%)}&[data-event=long]{color:color-mix(in srgb,var(--long),black 50%)}&[data-event=hurdles]{color:color-mix(in srgb,var(--hurdles),black 50%)}&[data-event=road]{color:color-mix(in srgb,var(--road),black 50%)}&[data-event=walk-road]{color:color-mix(in srgb,var(--walk-road),black 50%)}&[data-event=walk-track]{color:color-mix(in srgb,var(--walk-track),black 50%)}&[data-event=field]{color:color-mix(in srgb,var(--field),black 50%)}&[data-event=combined]{color:color-mix(in srgb,var(--combined),black 50%)}&[data-event=relays]{color:color-mix(in srgb,var(--relays),black 50%)}}}}}}