/* Sports colors identify disciplines across the level index and the three record tables. */
:root{--sports-ground:#000;--sports-title:#fff;--sports-copy:#bdbdbd;--sports-quiet:#999;--sports-line:#303030;--sports-gutter:clamp(20px,3.4vw,64px);--sports-gap:clamp(28px,4vw,76px);font-family:var(--font);font-synthesis:none;color:var(--sports-copy);background:var(--sports-ground);color-scheme:dark}
[data-sport="trail"]{--sport-color:#88bc98}
[data-sport="marathon"]{--sport-color:#ea9085}
[data-sport="swimming"]{--sport-color:#79bbdd}
[data-sport="cycling"]{--sport-color:#dec769}
[data-sport="hiking"]{--sport-color:#c5ab83}
[data-sport="climbing"]{--sport-color:#dda076}
[data-sport="tennis"]{--sport-color:#b9d67d}
[data-sport="skiing"]{--sport-color:#b3d5e9}
[data-sport="archery"]{--sport-color:#bb96d4}
[data-sport="fitness"]{--sport-color:#d984a3}
[data-sport="bjj"]{--sport-color:#999bdd}
[data-sport="martial-arts"]{--sport-color:#e4baa0}
[data-sport="football"]{--sport-color:#72c2b5}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px;-webkit-text-size-adjust:100%}
body{margin:0;min-height:100svh;-webkit-font-smoothing:antialiased}
h1,h2,h3,p,dl,dd{margin:0}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}
a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid currentColor;outline-offset:5px}
[hidden]{display:none!important}
::selection{background:var(--sports-title);color:var(--sports-ground)}
.skip-link{position:fixed;left:22px;top:-80px;padding:12px 16px;background:#fff;color:#000;z-index:100}
.skip-link:focus{top:12px}
.sports-main{width:100%;max-width:1920px;margin-inline:auto;margin-top:var(--header-h);padding:clamp(64px,7vw,112px) var(--sports-gutter) clamp(96px,9vw,160px)}
.sports-intro{display:grid;grid-template-columns:minmax(0,.27fr) minmax(0,.73fr);column-gap:var(--sports-gap);align-items:start;margin-bottom:clamp(64px,6.5vw,112px)}
.sports-intro h1{font-size:clamp(32px,3vw,48px);line-height:1.12;font-weight:400;letter-spacing:-.035em;color:var(--sports-title)}
.sports-intro p{padding-top:4px;max-width:30ch;font-size:clamp(22px,2vw,30px);line-height:1.5;letter-spacing:-.025em;color:var(--sports-title)}
.sports-section+.sports-section{margin-top:clamp(64px,6vw,108px)}
.sports-section>h2{margin-bottom:24px;font-size:16px;line-height:1.6;font-weight:400;color:var(--sports-copy)}
.sports-discipline-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--sports-gap)}
.sports-discipline-group{min-width:0}
.sports-discipline-group h3{padding-top:16px;margin-bottom:14px;border-top:1px solid var(--sports-line);font-size:14px;line-height:1.5;font-weight:400;color:var(--sports-quiet)}
.sports-level-row{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:18px;align-items:baseline;padding-block:13px 15px;border-bottom:1px solid var(--sports-line)}
.sports-level-row dt{display:flex;align-items:baseline;gap:12px;min-width:0;font-size:clamp(23px,1.8vw,30px);line-height:1.35;letter-spacing:-.025em;color:var(--sports-title)}
.sports-level-row dt>span:last-child{min-width:0;overflow-wrap:break-word}
.sport-mark{display:inline-block;width:14px;height:14px;flex-shrink:0;border-radius:50%;background:var(--sport-color);align-self:baseline}
.sports-level-value{text-align:right;font-size:18px;line-height:1.5;font-variant-numeric:tabular-nums;color:var(--sports-title)}
.sports-level-pending{font-size:13px;color:var(--sports-quiet);white-space:nowrap}
.sports-table-scroll{overflow-x:auto;max-width:100%;scrollbar-width:thin;scrollbar-color:#666 #161616;overscroll-behavior-x:contain}
.sports-table-scroll::-webkit-scrollbar{height:6px}
.sports-table-scroll::-webkit-scrollbar-thumb{background:#666;border-radius:3px}
.sports-table-scroll::-webkit-scrollbar-track{background:#161616}
.sports-table-scroll:focus-visible{outline-offset:6px}
.sports-record-table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left}
.sports-col-sport{width:23%}
.sports-col-title{width:39%}
.sports-col-result{width:24%}
.sports-col-date{width:14%}
.sports-record-table th{padding:0 24px 12px 0;color:var(--sports-quiet);font-size:14px;line-height:1.5;font-weight:400;vertical-align:bottom}
.sports-record-table th:last-child,.sports-record-table td:last-child{padding-right:0;text-align:right}
.sports-record-table td{padding:14px 24px 16px 0;border-top:1px solid var(--sports-line);font-size:clamp(16px,1.3vw,20px);line-height:1.5;color:var(--sports-title);vertical-align:top;overflow-wrap:break-word}
.sports-record-table tbody tr:last-child td{border-bottom:1px solid var(--sports-line)}
.sports-record-table th:nth-child(3),.sports-record-row td:nth-child(3){text-align:right}
.sports-record-row time{font-variant-numeric:tabular-nums}
.sports-record-sport{display:flex;align-items:baseline;gap:12px}
.sports-record-sport .sport-mark{width:13px;height:13px}
.sports-record-empty td,.sports-record-empty td:last-child{padding-block:18px 20px;text-align:left;font-size:22px;color:var(--sports-quiet)}
.sports-footer{background:var(--sports-ground)}
@media(max-width:1000px){.sports-discipline-grid{grid-template-columns:1fr;row-gap:36px}.sports-level-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px}.sports-level-row dt{font-size:25px}.sports-col-sport{width:24%}.sports-col-title{width:34%}.sports-col-result{width:26%}.sports-col-date{width:16%}}
@media(max-width:600px){.sports-main{padding-top:52px;padding-bottom:88px}.sports-intro{grid-template-columns:1fr;row-gap:24px;margin-bottom:48px}.sports-intro p{padding-top:0;font-size:22px;max-width:24ch}.sports-section>h2{margin-bottom:20px;font-size:15px}.sports-section+.sports-section{margin-top:56px}.sports-discipline-grid{row-gap:30px}.sports-discipline-group h3{font-size:13px;padding-top:14px;margin-bottom:8px}.sports-level-list{display:block}.sports-level-row dt{font-size:24px}.sports-level-value{font-size:18px}.sport-mark{width:13px;height:13px}.sports-record-table{min-width:560px}.sports-record-table th{font-size:13px;padding-right:16px}.sports-record-table td{font-size:16px;padding-right:16px}.sports-record-empty td,.sports-record-empty td:last-child{font-size:20px}.sports-record-sport{gap:9px}.sports-record-sport .sport-mark{width:11px;height:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}