body>main>section{& h3{color:var(--quaternary-dark);border-color:var(--quaternary-hover)}& a:has(>svg){width:fit-content;display:block;&:before{width:5%}}&[aria-labelledby=what-are] p[data-type=note]{--p-background:color-mix(in srgb, var(--secondary-light) 40%, transparent);--p-border:var(--secondary)}&[aria-labelledby=principles] article{background:color-mix(in srgb, var(--secondary-light) 20%, transparent);padding:var(--space-5);border-radius:var(--radius-md);margin-bottom:var(--space-4);& h3{color:var(--secondary-dark);border:none}& p{margin-bottom:0}}&[aria-labelledby=how-scored]>div{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid;& article{border-top:var(--bw-xl) solid;outline:var(--bw-medium) solid var(--neutral-300);border-radius:var(--radius-lg);padding:var(--space-5);transition-duration:var(--duration-normal);background:#fff;position:relative;overflow:hidden;&:first-of-type{border-color:var(--secondary);&:hover{outline-color:var(--secondary)}}&:nth-of-type(2){border-color:var(--quaternary);&:hover{outline-color:var(--quaternary)}}&:nth-of-type(3){border-color:var(--primary);margin-bottom:var(--space-5);grid-column:1/-1;&:hover{outline-color:var(--primary)}}&:nth-of-type(3)>div{text-align:center;gap:var(--space-2);margin-top:var(--space-3);flex-direction:column;display:flex}&:nth-of-type(3)>div>span{background:color-mix(in srgb, var(--primary-light) 25%, transparent);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);color:var(--neutral-800);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide)}&:first-of-type h4{color:var(--secondary-dark)}&:nth-of-type(2) h4{color:var(--quaternary-dark)}&:nth-of-type(3) h4{color:var(--primary-dark)}& h4{font-size:var(--text-md);margin-bottom:var(--space-3)}}}&[aria-labelledby=official-uses] ul{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));list-style:none;display:grid;& li{text-align:center;padding:var(--space-4) var(--space-3);color:var(--neutral-800);border-radius:var(--radius-md);border:var(--bw-medium) solid var(--secondary-light);transition-duration:var(--duration-normal);background:#fff;flex-direction:column;align-items:center;display:flex;&:hover{border-color:var(--secondary-hover);box-shadow:0 2px 8px color-mix(in srgb, var(--secondary-hover) 25%, transparent)}&:last-of-type{grid-column:1/-1}& h3{color:var(--secondary-dark);font-size:var(--text-md);border:none;margin:0}}}&[aria-labelledby=edition-2025]{& dl{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid;&>div{border-radius:var(--radius-lg);padding:var(--space-5) 0;text-align:center;border:var(--bw-medium) solid;flex-direction:column-reverse;display:flex;&:first-of-type{justify-content:center;align-items:center;gap:var(--space-3);background:color-mix(in srgb, var(--secondary-light) 25%, transparent);border-color:var(--secondary);flex-direction:row-reverse;grid-column:1/-1;& dd{font-size:var(--text-4xl);color:var(--secondary-hover);letter-spacing:var(--ls-wider)}& dt{font-size:var(--text-2xl);color:var(--secondary-dark);letter-spacing:var(--ls-wider);font-weight:var(--fw-semibold);text-transform:uppercase;margin:0}}&:nth-of-type(2){background:color-mix(in srgb, var(--primary-light) 25%, transparent);border-color:var(--primary);& dd{color:var(--primary)}& dt{color:var(--primary-dark)}}&:nth-of-type(3){background:linear-gradient(90deg, color-mix(in srgb, var(--primary) 25%, white) 0%, color-mix(in srgb, var(--quaternary) 25%, white) 100%) padding-box, linear-gradient(90deg, var(--primary) 0%, var(--quaternary) 100%) border-box;border-color:#0000;& dd{background:linear-gradient(90deg, var(--primary) 0%, var(--quaternary) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}& dt{background:linear-gradient(90deg, var(--primary-dark) 0%, var(--quaternary-dark) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}}&:nth-of-type(4){background:color-mix(in srgb, var(--quaternary-light) 25%, transparent);border-color:var(--quaternary);& dd{color:var(--quaternary)}& dt{color:var(--quaternary-dark)}}& dd{font-size:var(--text-3xl);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide)}& dt{font-size:var(--text-sm);letter-spacing:var(--ls-wider);font-weight:var(--fw-semibold);text-transform:uppercase;margin-top:var(--space-1)}}}& h4{color:var(--septenary-dark)}&>ul{gap:var(--space-4);margin:var(--space-5) 0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid;&>li{border-radius:var(--radius-lg);border:var(--bw-medium) solid var(--neutral-300);transition-duration:var(--duration-normal);background:#fff;overflow:hidden;&:first-of-type{border-color:var(--hurdles)}&:nth-of-type(2){border-color:var(--road)}&:nth-of-type(3){border-color:var(--walk-road)}&:nth-of-type(4){border-color:var(--relays)}&:hover{transform:scale(1.025)}& h4{font-size:var(--text-md);font-weight:var(--fw-semibold);text-transform:uppercase;text-align:center;padding:var(--space-2) 0;margin:0}&:first-of-type h4{background:var(--hurdles);color:color-mix(in srgb, var(--hurdles) 50%, black)}&:nth-of-type(2) h4{background:var(--road);color:color-mix(in srgb, var(--road) 50%, black)}&:nth-of-type(3) h4{background:var(--walk-road);color:color-mix(in srgb, var(--walk-road) 50%, black)}&:nth-of-type(4) h4{background:var(--relays);color:color-mix(in srgb, var(--relays) 50%, black)}&>ul{padding:var(--space-3);flex-direction:column;list-style:none;display:flex;&>li{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:var(--bw-thin) solid var(--neutral-300);display:flex;&:last-child{border-bottom:none}& strong{font-size:var(--text-base);color:var(--neutral-800);font-weight:var(--fw-medium)}&>ul{gap:var(--space-1);display:flex;&>li{padding:var(--space-2);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--fw-semibold);background:var(--tertiary);color:var(--tertiary-dark);& abbr{text-decoration:none}&[data-type=men]{background:var(--primary-light);color:var(--primary-dark)}&[data-type=mixed]{background:linear-gradient(90deg, var(--primary), var(--quaternary));& abbr{background:linear-gradient(90deg, var(--primary-dark), var(--quaternary-dark));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}}&[data-type=women]{background:var(--quaternary-light);color:var(--quaternary-dark)}}}}}}}& figure{width:100%;& figcaption{gap:var(--space-3);margin:var(--space-2) 0 var(--space-6);flex-direction:row-reverse;justify-content:space-around;display:flex;& button{width:100%;font-size:var(--text-sm);padding:var(--space-2) 0;border-radius:var(--radius-md);border:var(--bw-medium) solid;cursor:pointer;letter-spacing:var(--ls-wide);transition-duration:var(--duration-fast);justify-content:center;align-items:center;gap:var(--space-1);display:flex;&:hover{transform:scale(1.025)}&:first-of-type{border-color:var(--septenary);color:var(--septenary-dark);background:color-mix(in srgb, var(--septenary-light) 25%, transparent);&:hover{background:color-mix(in srgb, var(--septenary-light) 50%, transparent)}}&:nth-of-type(2){border-color:color-mix(in srgb, var(--tertiary-dark) 75%, transparent);color:var(--tertiary-dark);background:color-mix(in srgb, var(--tertiary-light) 25%, transparent);&:hover{background:color-mix(in srgb, var(--tertiary-light) 50%, transparent)}}& svg{fill:currentColor;flex:none;width:14px;height:14px;display:block}& abbr{font-weight:var(--fw-semibold);line-height:1;text-decoration:none;display:block}}}}}&[aria-labelledby=history]{& ol{margin-bottom:var(--space-4);border-radius:var(--radius-lg);border-left:var(--bw-xl) solid;border-image:linear-gradient(to bottom, var(--secondary), var(--quaternary)) 1;background:linear-gradient(to bottom, color-mix(in srgb, var(--secondary-light) 25%, transparent), color-mix(in srgb, var(--quaternary-light) 25%, transparent) 100%);& li{padding-bottom:var(--space-6);list-style-type:disclosure-closed;list-style-position:inside;&::marker{color:var(--secondary-dark)}&:last-child{padding-bottom:0}& time{font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--secondary-dark);text-transform:uppercase;letter-spacing:var(--ls-wider);margin-bottom:var(--space-1)}& h3,& p{padding-left:var(--space-5)}& p{margin:0;& strong{color:var(--quaternary)}}}}& aside{background:linear-gradient(to bottom, color-mix(in srgb, var(--quaternary-light) 25%, transparent), color-mix(in srgb, var(--quaternary) 50%, transparent) 100%);color:#fff;outline:var(--bw-medium) solid var(--quaternary-dark);border-radius:var(--radius-xl);padding:var(--space-5);margin-top:var(--space-5);gap:var(--space-1);flex-direction:column;display:flex;& p{color:var(--neutral-800);font-size:var(--text-sm);margin:0}& strong{color:var(--quaternary-dark)}}}&[aria-labelledby=faq] details{--details-color:var(--secondary);--details-active:var(--secondary-hover)}}