article{h2{--color: var(--senary-dark);--border-bottom: var(--senary)}}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;>select,>button{grid-column:1 / -1}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(--senary);background:var(--white);color:var(--gray-900);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(--senary-light) 30%,transparent)}&:nth-of-type(2):hover{background:color-mix(in srgb,var(--primary-light) 30%,transparent)}&:nth-of-type(3):hover{background:color-mix(in srgb,var(--quaternary-light) 30%,transparent)}&:last-of-type:hover{background:color-mix(in srgb,var(--tertiary-light) 30%,transparent)}&:first-of-type:has(input:checked){background:color-mix(in srgb,var(--senary-light) 70%,transparent);border-color:color-mix(in srgb,var(--senary) 90%,black)}&:nth-of-type(2):has(input:checked){background:color-mix(in srgb,var(--primary-light) 70%,transparent);border-color:var(--primary-hover)}&:nth-of-type(3):has(input:checked){background:color-mix(in srgb,var(--quaternary-light) 70%,transparent);border-color:var(--quaternary-hover)}&:last-of-type:has(input:checked){background:color-mix(in srgb,var(--tertiary-light) 70%,transparent);border-color:var(--tertiary-hover)}input{position:absolute;width:0;height:0;margin:0;padding:0;border:0;opacity:0;pointer-events:none}}select{--event-color: var(--senary-light);font-size:var(--fs-base);font-family:var(--font-primary);border:var(--bw-medium) solid var(--event-color);border-radius:var(--br-sm);padding:var(--space-sm) var(--space-md);background:var(--event-color);color:var(--gray-900);cursor:pointer;transition-duration:var(--transition-slow);&:hover{box-shadow:0 0 10px color-mix(in srgb,var(--event-color) 90%,black)}&:focus{background:color-mix(in srgb,var(--event-color) 50%,transparent)}&:focus-visible{border-color:color-mix(in srgb,var(--event-color) 70%,black)}&:has(option:checked[value=points]){--event-color: var(--senary-light)}&:has(option:checked[value=event]){--event-color: var(--quaternary-light)}&:has(option:checked[value=date]){--event-color: var(--primary-light)}&:has(option:checked[value=country]){--event-color: var(--tertiary-light)}&:has(option:checked[value=sprint]){--event-color: var(--sprint)}&:has(option:checked[value=middle]){--event-color: var(--middle)}&:has(option:checked[value=long]){--event-color: var(--long)}&:has(option:checked[value=hurdles]){--event-color: var(--hurdles)}&:has(option:checked[value=road]){--event-color: var(--road)}&:has(option:checked[value=field]){--event-color: var(--field)}&:has(option:checked[value=combined]){--event-color: var(--combined)}&:has(option:checked[value=walk]){--event-color: var(--walk-track)}&:has(option:checked[value=relay]){--event-color: var(--relays)}option{background:var(--senary-light)}option[value=event]{background:var(--quaternary-light)}option[value=date]{background:var(--primary-light)}option[value=country]{background:var(--tertiary-light)}option[value=sprint]{background:var(--sprint)}option[value=middle]{background:var(--middle)}option[value=long]{background:var(--long)}option[value=hurdles]{background:var(--hurdles)}option[value=road]{background:var(--road)}option[value=field]{background:var(--field)}option[value=combined]{background:var(--combined)}option[value=walk]{background:var(--walk-track)}option[value=relay]{background:var(--relays)}}button{display:flex;flex-direction:row;white-space:nowrap;justify-content:center;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-slow);&[aria-pressed=false]{background:color-mix(in srgb,var(--senary-light) 75%,transparent);border-color:var(--senary);&:hover{box-shadow:0 0 10px var(--senary)}}&[aria-pressed=true]{background:color-mix(in srgb,var(--quinary-light) 75%,transparent);border-color:var(--quinary);&:hover{box-shadow:0 0 10px var(--quinary)}}}}}>div{height:575px;overflow:auto;outline:var(--bw-thick) solid var(--senary);border-radius:var(--br-sm);background:var(--white);>table{border-collapse:collapse;min-width:900px;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;z-index:1}}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)}&:nth-child(2n),td:has(img){background:var(--gray-50)}&:nth-child(2n):hover,&:hover td:has(img){background:color-mix(in srgb,var(--senary-light) 25%,transparent)}&:first-child td:nth-of-type(3){color:var(--gold);font-weight:var(--fw-bold)}&:nth-of-type(2) td:nth-of-type(3){color:var(--silver);font-weight:var(--fw-bold)}&:nth-of-type(3) td:nth-of-type(3){color:var(--bronze);font-weight:var(--fw-bold)}td{font-size:var(--fs-sm);padding:var(--space-md) 0;color:var(--gray-800);text-align:center;vertical-align:middle;white-space:nowrap;&:first-of-type{font-size:var(--fs-base);font-weight:var(--fw-bold);color:var(--senary-dark)}&:nth-of-type(2),&:nth-of-type(3){font-weight:var(--fw-bold)}&: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 20%)}&[data-event=middle]{color:color-mix(in srgb,var(--middle),black 20%)}&[data-event=long]{color:color-mix(in srgb,var(--long),black 20%)}&[data-event=hurdles]{color:color-mix(in srgb,var(--hurdles),black 20%)}&[data-event=road]{color:color-mix(in srgb,var(--road),black 20%)}&[data-event=walk]{color:color-mix(in srgb,var(--walk-track),black 20%)}&[data-event=field]{color:color-mix(in srgb,var(--field),black 20%)}&[data-event=combined]{color:color-mix(in srgb,var(--combined),black 20%)}&[data-event=relay]{color:color-mix(in srgb,var(--relays),black 20%)}&:has(img){padding:0}img{width:30px;height:30px;vertical-align:middle;filter:brightness(1.08) saturate(1.15);transition:var(--transition-fast)}}}}&::-webkit-scrollbar{width:10px;height:10px}&::-webkit-scrollbar-track{background:var(--gray-100)}&::-webkit-scrollbar-thumb{background:var(--senary-light);border-radius:var(--br-lg);transition:var(--transition-slow)}&::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--senary) 70%,transparent)}}}