.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}@keyframes header{to{backdrop-filter:blur(5px);color:#000;background:#ffffffb3}}body>header{width:100%;height:50px;font-size:var(--text-md);font-weight:var(--fw-regular);z-index:3;justify-content:center;align-items:center;animation-name:header;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root);animation-range:0 200px;display:flex;position:sticky;top:0;& nav ul{gap:var(--space-5);flex-direction:row;list-style:none;display:flex;& li{align-items:center;display:flex;& a{white-space:nowrap;align-items:center;gap:var(--space-1);text-align:center;color:var(--neutral-700);transition-duration:var(--duration-fast);flex-grow:1;flex-shrink:1;text-decoration:none;display:flex;position:relative;&:after{content:"";background:var(--secondary);width:100%;height:2px;transition:var(--duration-slow);display:block;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}&:hover{color:var(--neutral-800)}&[aria-current=page]{color:#000}&:hover:has(+ul li a[aria-current=page]){color:var(--neutral-800)}&:has(+ul li a[aria-current=page]):after{background:var(--secondary-light)}&[aria-current=page]:hover:after,&:hover:has(+ul li a[aria-current=page]):after{background:var(--secondary)}&:hover:after,&[aria-current=page]:after,&:has(+ul li a[aria-current=page]):after{transform:scaleX(1)}& svg{width:var(--text-sm);vertical-align:middle;fill:currentColor;height:auto}}&:has(>ul){position:relative;&:hover ul{opacity:.95;visibility:visible;transform:translateY(0)}& ul{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);opacity:0;visibility:hidden;transition-duration:var(--duration-normal);z-index:5;background:#fff;flex-direction:column;display:flex;position:absolute;top:110%;left:-20%;transform:translateY(-5px)}}}}}body>footer{width:100%;font-weight:var(--fw-regular);color:#fff;background:linear-gradient(135deg, var(--quaternary) 0%, var(--quaternary) 30%, var(--secondary) 100%);padding:var(--space-4) var(--space-3);margin-top:var(--space-10);align-items:center;gap:var(--space-2);grid-template-columns:1fr auto 1fr;display:grid;@media (width<=650px){gap:var(--space-5);grid-template-columns:1fr}&>div>a{color:#fff;transition-duration:var(--duration-fast);text-decoration:none;&:hover{color:var(--tertiary)}}&>div{text-align:center;gap:var(--space-3);font-size:var(--text-md);grid-column:2;grid-template-columns:1fr;display:grid;@media (width<=650px){grid-column:1}}& nav{gap:var(--space-3);list-style:none;display:grid;@media (width<=650px){grid-auto-flow:column}&:first-of-type{justify-self:start}&:last-of-type{justify-self:end}@media (width<=650px){&:first-of-type,&:last-of-type{justify-self:center}}& a{color:#fff;font-size:var(--text-base);transition-duration:var(--duration-normal);text-decoration:none;&:hover{color:var(--quinary)}&[aria-current=page]{color:var(--quinary-light);text-decoration:underline;text-decoration-color:var(--quinary);text-decoration-thickness:var(--bw-medium)}}}}:root{--primary:#ff873c;--secondary:#69d7e1;--tertiary:#a5fa64;--quaternary:#bd94ff;--quinary:#f6eb14;--senary:#fc3a5e;--septenary:#02ab8c;--primary-light:#ffb082;--primary-hover:#ff7620;--primary-dark:#7a3f1f;--secondary-light:#9ee3ea;--secondary-hover:#36bcda;--secondary-dark:#2e5d61;--tertiary-light:#c7f49a;--tertiary-hover:#8ff03d;--tertiary-dark:#4f7a2e;--quaternary-light:#d1b8ff;--quaternary-hover:#a26ffa;--quaternary-dark:#5a3f7a;--quinary-light:#fbf06a;--quinary-hover:#f6d500;--quinary-dark:#7a7318;--senary-light:pink;--senary-hover:#f51f48;--senary-dark:#7a1f2f;--septenary-light:#92ccc9;--septenary-hover:#00c2a0;--septenary-dark:#005f5a;--google-sheets-primary:#0ebc5f;--google-sheets-secondary:#78c9ff;--javascript:#f7df1e;--javascript-secondary:#323330;--excel:#1f7144;--error:#ef4444;--error-hover:#da4040;--gold:#c3a600;--silver:silver;--bronze:#cd7f32;--neutral-50:#faf9f7;--neutral-100:#f3f1ed;--neutral-200:#e5e2dc;--neutral-300:#d0ccc4;--neutral-400:#aaa59c;--neutral-500:#858078;--neutral-600:#625e58;--neutral-700:#46433f;--neutral-800:#2f2d2a;--neutral-900:#1c1b19;--sprint:#ffb6b6;--middle:#ffcc80;--long:#ffffb6;--hurdles:#d6ffb6;--road:#d5d5d5;--field:#b3d9ff;--combined:#f9e050;--walk-road:#c7c7c7;--walk-track:#ffb3e6;--relays:#b6ffeb;--font-title:"Sora", sans-serif;--font-body:"DM Sans", sans-serif;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--text-xs:clamp(.6875rem, .66rem + .1vw, .75rem);--text-sm:clamp(.8125rem, .78rem + .12vw, .875rem);--text-base:clamp(.9375rem, .9rem + .16vw, 1rem);--text-md:clamp(1rem, .94rem + .24vw, 1.125rem);--text-lg:clamp(1.125rem, 1.03rem + .38vw, 1.375rem);--text-xl:clamp(1.375rem, 1.18rem + .78vw, 1.875rem);--text-2xl:clamp(1.75rem, 1.4rem + 1.4vw, 2.5rem);--text-3xl:clamp(2.125rem, 1.6rem + 2.1vw, 3.25rem);--text-4xl:clamp(2.5rem, 1.8rem + 2.8vw, 4rem);--text-5xl:clamp(3rem, 2rem + 4vw, 5rem);--text-6xl:clamp(3.5rem, 2.2rem + 5.2vw, 6.5rem);--lh-none:1;--lh-tight:1.1;--lh-snug:1.2;--lh-normal:1.5;--lh-relaxed:1.65;--ls-tighter:-.04em;--ls-tight:-.025em;--ls-normal:0;--ls-wide:.025em;--ls-wider:.06em;--ls-widest:.12em;--space-1:clamp(.25rem, .23rem + .08vw, .3125rem);--space-2:clamp(.5rem, .46rem + .16vw, .625rem);--space-3:clamp(.75rem, .68rem + .28vw, .875rem);--space-4:clamp(1rem, .9rem + .4vw, 1.25rem);--space-5:clamp(1.25rem, 1.1rem + .6vw, 1.625rem);--space-6:clamp(1.5rem, 1.3rem + .8vw, 2rem);--space-7:clamp(1.75rem, 1.5rem + 1vw, 2.375rem);--space-8:clamp(2rem, 1.7rem + 1.2vw, 2.75rem);--space-9:clamp(2.5rem, 2rem + 2vw, 3.75rem);--space-10:clamp(3rem, 2.3rem + 2.8vw, 4.75rem);--space-11:clamp(4rem, 3rem + 4vw, 6.5rem);--space-12:clamp(5rem, 3.6rem + 5.6vw, 8.5rem);--container-dialog:min(400px, 90%);--container-section:min(650px, 90%);--radius-none:0;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--bw-thin:1px;--bw-medium:2px;--bw-thick:3px;--bw-xl:4px;--shadow-sm:0 1px 2px oklch(0% none none/.06);--shadow-md:0 4px 12px oklch(0% none none/.08);--shadow-lg:0 12px 32px oklch(0% none none/.1);--shadow-xl:0 20px 50px oklch(0% none none/.12);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body,h1,h2,h3,h4,h5,h6,p,fieldset,figure,blockquote,dl,dd{margin:0}ul{list-style:none}ul,ol{margin:0;padding:0}button,input,textarea,select{font:inherit}select,dialog{border:0}input[type=radio]{display:none}button,fieldset{background:0 0;border:0;padding:0}picture,video,canvas{display:block}img,video{height:auto}a{color:inherit;text-decoration:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:Sora;src:url(/fonts/Sora-VariableFont_wght.woff2)format("woff2");font-style:normal;font-weight:100 800;font-display:swap}@font-face{font-family:DM Sans;src:url(/fonts/DMSans-VariableFont_opsz,wght.woff2)format("woff2");font-style:normal;font-weight:100 1000;font-display:swap}@font-face{font-family:DM Sans;src:url(/fonts/DMSans-Italic-VariableFont_opsz,wght.woff2)format("woff2");font-style:italic;font-weight:100 1000;font-display:swap}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-body);color:var(--neutral-800);background:linear-gradient(to right, color-mix(in srgb, var(--quaternary) 50%, transparent), color-mix(in srgb, var(--primary) 50%, transparent))}main{& h1,& h2,& h3,& h4,& h5,& h6{font-family:var(--font-title)}& h1,&>p{text-align:center;margin:var(--space-3)}& h1{color:#000;font-size:var(--text-2xl)}& h2{font-size:var(--text-xl);margin-bottom:var(--space-4);padding-bottom:var(--space-2);letter-spacing:var(--ls-wide);color:var(--secondary-dark);border-bottom:var(--bw-thick) solid var(--secondary-hover)}& h3{font-size:var(--text-lg);margin-bottom:var(--space-3);padding-bottom:var(--space-1);letter-spacing:var(--ls-wide);color:var(--tertiary-dark);border-bottom:var(--bw-medium) dashed var(--tertiary-hover)}& h4{color:var(--neutral-800);font-size:var(--text-lg);margin-bottom:var(--space-2);letter-spacing:var(--ls-wider)}&>p{color:var(--neutral-700);font-size:var(--text-xl);margin-bottom:var(--space-5)}&>section,&>aside{background:var(--neutral-50);border-radius:var(--radius-2xl);padding:var(--space-4);width:var(--container-section);box-shadow:var(--shadow-xl);margin:var(--space-6) auto;&[aria-labelledby=faq] details{border:var(--bw-medium) solid var(--details-color);border-radius:var(--radius-md);margin-top:var(--space-4);background:#fff;overflow:hidden;&:open{border-color:var(--details-active);& summary{background:color-mix(in srgb, var(--details-color) 5%, transparent);border-bottom:var(--bw-thin) solid var(--details-active)}& svg{fill:var(--details-active);transform:rotate(.125turn)}}& summary{padding:var(--space-3) var(--space-4);font-weight:var(--fw-semibold);font-size:var(--text-base);color:color-mix(in srgb, var(--details-color) 40%, black);cursor:pointer;letter-spacing:var(--ls-wide);justify-content:space-between;align-items:center;display:flex;& svg{width:var(--text-md);fill:var(--details-color);transition:transform var(--duration-fast)}}& p{padding:var(--space-3) var(--space-4);margin:0}}& p{font-size:var(--text-base);line-height:var(--lh-relaxed);color:var(--neutral-800);margin-bottom:var(--space-4);&[data-type=note]{--p-background:var(--secondary-light);--p-border:var(--secondary);background:color-mix(in srgb, var(--p-background) 40%, transparent);border-left:var(--bw-xl) solid var(--p-border);padding:var(--space-3);border-radius:var(--radius-lg)}&>a{font-weight:var(--fw-medium);transition:var(--duration-fast);color:var(--secondary-hover);text-decoration-thickness:1.5px;&:hover{color:var(--secondary-dark)}}}& a:has(>svg){--a-background:var(--secondary);--text-color:var(--secondary-dark);--svg-margin:0 0 0 var(--space-2);margin:var(--space-1) auto;padding:var(--space-2) var(--space-5);font-size:var(--text-md);font-weight:var(--fw-medium);color:var(--text-color);border-radius:var(--radius-lg);outline:var(--bw-medium) solid var(--a-background);transition:var(--duration-slow);z-index:1;position:relative;&:before{content:"";border-radius:var(--radius-lg);width:10%;height:100%;transition:var(--duration-slow);background:var(--a-background);z-index:-1;position:absolute;top:0;left:0}&:hover:before{width:100%}&:hover{color:var(--neutral-900);transform:scale(1.08);& svg{fill:var(--neutral-900);transform:scale(1.08)}}& svg{width:var(--text-xl);fill:var(--text-color);vertical-align:middle;transition-duration:var(--duration-slow);margin:var(--svg-margin)}}}& aside[aria-labelledby=google-sheets],& aside[aria-labelledby=javascript]{--promo-color:var(--google-sheets-primary);column-gap:var(--space-4);row-gap:var(--space-2);background:color-mix(in srgb, var(--promo-color) 3.5%, var(--neutral-50));outline:var(--bw-medium) solid var(--promo-color);grid-template-columns:auto 1fr;grid-template-areas:"icon title close""text text text""cta cta cta";align-items:center;display:grid;&:has(label>input[type=checkbox]:checked){display:none}& svg{width:var(--text-3xl);grid-area:icon;height:auto}& h2{color:var(--promo-color);font-size:var(--text-lg);border:none;grid-area:title;margin:0;padding:0}& p{color:var(--neutral-800);line-height:var(--lh-normal);grid-area:text;margin:0}& a{margin-top:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);background:var(--promo-color);color:var(--neutral-50);font-weight:var(--fw-bold);letter-spacing:var(--ls-widerst);transition:background var(--duration-normal);grid-area:cta;justify-self:start;&:hover{background:color-mix(in srgb, var(--promo-color) 90%, black)}}& label{color:var(--neutral-900);cursor:pointer;grid-area:close;display:inline-flex;&:hover{& svg{stroke:var(--senary-hover)}}& input[type=checkbox]{opacity:0;cursor:pointer;position:absolute}& svg{width:var(--text-lg);stroke:currentColor;height:auto;transition-duration:var(--duration-slow)}}}& aside[aria-labelledby=javascript]{--promo-color:var(--javascript);& h2{color:color-mix(in srgb, var(--javascript) 65%, black)}& a{color:var(--javascript-secondary)}}}
