body>main>section{& h2{color:var(--quinary-dark);border-color:var(--quinary-hover)}& h3{color:var(--primary-dark);border-color:var(--primary)}& h4{color:var(--neutral-800);font-size:var(--text-lg);margin-bottom:var(--space-2);letter-spacing:var(--ls-wider)}& p[data-type=note]{--p-background:var(--primary-light);--p-border:var(--primary)}&[aria-labelledby=competitions]{&>ul{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid;&>li{outline:var(--bw-medium) solid var(--primary-light);border-radius:var(--radius-md);padding:var(--space-4);transition-duration:var(--duration-normal);background:#fff;&:hover{outline-color:var(--primary-hover);box-shadow:0 2px 8px color-mix(in srgb, var(--primary-hover) 25%, transparent);transform:scale(1.025)}&>h3{margin-bottom:var(--space-2)}&>section{gap:var(--space-3) 0;padding:var(--space-1);grid-template-columns:30% 1fr;margin:0;display:grid;& h4{color:var(--primary-dark)}& h4:nth-of-type(2),& ol:nth-of-type(2){border-top:var(--bw-thin) solid var(--primary-light);padding-top:var(--space-3)}&>ol{padding-left:var(--space-6);&>li{padding-bottom:var(--space-1);&::marker{color:var(--primary-hover)}}}}}}}&[aria-labelledby=how-scored]{& section[aria-labelledby=formulae]{& ul{gap:var(--space-4);text-align:center;margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(190px,2fr));display:grid;& li{align-items:center;gap:var(--space-1);border-radius:var(--radius-md);border:var(--bw-medium) solid var(--quaternary);padding:var(--space-4) var(--space-2);transition-duration:var(--duration-normal);flex-direction:column;display:flex;&:first-of-type{background:color-mix(in srgb, var(--senary-light) 25%, transparent);border-color:var(--senary);& h4{color:var(--senary-dark)}}&:nth-of-type(2){background:color-mix(in srgb, var(--secondary-light) 25%, transparent);border-color:var(--secondary);& h4{color:var(--secondary-dark)}}&:nth-of-type(3){background:color-mix(in srgb, var(--quaternary-light) 25%, transparent);border-color:var(--quaternary);& h4{color:var(--quaternary-dark)}}&:hover{transform:scale(1.025)}& figure{align-items:center;gap:var(--space-2);flex-direction:column;display:flex;& math{background:var(--neutral-50);font-size:var(--text-md);color:var(--neutral-800);padding:var(--space-2) var(--space-3) var(--space-2) 0;border-radius:var(--radius-sm)}& figcaption{font-size:var(--text-sm);color:var(--neutral-800)}}}}& p[data-type=note]{--p-background:var(--septenary-light);--p-border:var(--septenary)}}& section[aria-labelledby=manual-timing]{& ul{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid;& li{align-items:center;gap:var(--space-2);font-size:var(--text-md);border-radius:var(--radius-md);padding:var(--space-4);transition-duration:var(--duration-normal);background:color-mix(in srgb, var(--sprint) 20%, transparent);border:var(--bw-thick) solid var(--sprint);flex-direction:column;display:flex;& strong{color:color-mix(in srgb, var(--sprint) 60%, black)}& mark{background:color-mix(in srgb, var(--senary-light) 60%, transparent);outline:var(--bw-thin) solid var(--senary);color:#000;font-size:var(--text-sm);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}&:nth-of-type(4){& mark{background:color-mix(in srgb, var(--quinary) 60%, transparent);outline-color:var(--quinary-dark)}}&:nth-of-type(5),&:nth-of-type(6),&:nth-of-type(7){background:color-mix(in srgb, var(--hurdles) 30%, transparent);border-color:var(--hurdles);& strong{color:color-mix(in srgb, var(--hurdles) 60%, black)}}&:hover{background:color-mix(in srgb, var(--secondary-light) 20%, transparent);border-color:var(--secondary);box-shadow:0 2px 8px color-mix(in srgb, var(--secondary-hover) 25%, transparent);& strong{color:color-mix(in srgb, var(--secondary) 60%, black)}}}}& p[data-type=note]{--p-background:var(--tertiary-light);--p-border:var(--tertiary-hover)}}}&[aria-labelledby=parameters]{& nav{border:var(--bw-xl) solid transparent;border-radius:var(--radius-lg);background-image:linear-gradient(white, white), linear-gradient(to right, var(--primary-light) 47.5%, var(--quaternary-light) 52.5%);background-origin:border-box;background-clip:content-box,border-box;grid-template-columns:1fr 1fr;display:grid;&:has(label:first-of-type input:checked)~section>table:first-of-type,&:has(label:last-of-type input:checked)~section>table:last-of-type{opacity:1;visibility:visible;pointer-events:auto}& label{text-align:center;cursor:pointer;color:var(--neutral-800);font-size:var(--text-md);padding:var(--space-2) 0;transition:var(--duration-normal);background:#fff;display:block;&:has(input:checked){color:#000}&:first-of-type:has(input:checked){background:var(--primary-light)}&:last-of-type:has(input:checked){background:var(--quaternary-light)}&:first-of-type{border-radius:var(--radius-md) 0 0 var(--radius-md)}&:last-of-type{border-radius:0 var(--radius-md) var(--radius-md) 0}& input{appearance:none}}}& section[aria-live=polite]{margin:var(--space-5) 0;display:grid;& table{border-collapse:collapse;font-size:var(--text-sm);font-weight:var(--fw-semibold);border-radius:var(--radius-lg);outline:var(--bw-thick) solid var(--quinary);color:var(--neutral-700);cursor:pointer;letter-spacing:var(--ls-wide);opacity:0;visibility:hidden;pointer-events:none;width:100%;transition-duration:var(--duration-normal);background:#fff;grid-area:1/1;& thead>tr>th{padding:var(--space-2);color:var(--neutral-800);background:var(--quinary);font-size:var(--text-md);text-align:left;&:first-child{border-top-left-radius:var(--radius-lg);width:50%}&:not(:first-child){width:16.667%}&:last-child{border-top-right-radius:var(--radius-lg);width:50%}}& tbody>tr{border-bottom:var(--bw-thin) solid var(--neutral-200);transition:var(--duration-fast);&.race:hover{background:color-mix(in srgb, var(--senary) 20%, transparent)}&.jump:hover{background:color-mix(in srgb, var(--secondary) 20%, transparent)}&.throw:hover{background:color-mix(in srgb, var(--quaternary) 20%, transparent)}&:hover{background:color-mix(in srgb, var(--quinary-light) 25%, transparent)}&:last-child{border-bottom:none}&>td{padding:var(--space-2);&:first-child{width:50%}&:not(:first-child){width:16.667%}}}}}}&[aria-labelledby=official-rules]{& ul{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid;& li{background:color-mix(in srgb, var(--primary-light) 25%, transparent);border-radius:var(--radius-lg);padding:var(--space-4);outline:var(--bw-medium) solid var(--primary-hover);transition-duration:var(--duration-normal);&:hover{outline-color:var(--primary-dark);box-shadow:0 2px 8px var(--primary-dark);transform:scale(1.025)rotate(.005turn)}&:first-of-type,&:nth-of-type(4),&:nth-of-type(7){grid-column:1/-1}& h4{color:var(--primary-dark)}}}}&[aria-labelledby=tie-breaking]{& ol{margin:var(--space-6) 0 var(--space-7);gap:var(--space-4);flex-direction:column;padding:0;list-style-position:inside;display:flex;& li{padding:var(--space-3) var(--space-4);background:color-mix(in srgb, var(--secondary-light) 25%, transparent);border-radius:var(--radius-md);outline:var(--bw-medium) solid var(--secondary);font-size:var(--text-base);line-height:var(--lh-relaxed);color:var(--neutral-800);transition-duration:var(--duration-fast);&:first-of-type{background:color-mix(in srgb, var(--septenary-light) 25%, transparent);outline-color:var(--septenary)}&::marker{background:var(--secondary);color:var(--secondary-dark);font-size:var(--text-lg);font-weight:var(--fw-semibold);&:first-of-type{background:var(--septenary);color:var(--septenary-dark)}}&:hover{background:color-mix(in srgb, var(--secondary-light) 45%, white);outline-color:var(--secondary-hover);transform:scale(.98);&:first-of-type{background:color-mix(in srgb, var(--septenary-light) 45%, white);outline-color:var(--septenary-dark)}}}}}}