.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{background:color-mix(in srgb, var(--white) 70%, transparent);backdrop-filter:blur(5px);color:var(--black)}}body>header{width:100%;height:50px;font-size:var(--fs-md);font-weight:var(--fw-normal);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-xl);flex-direction:row;list-style:none;display:flex;& li{align-items:center;display:flex;& a{white-space:nowrap;align-items:center;gap:var(--space-xs);text-align:center;color:var(--gray-700);transition-duration:var(--transition-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(--transition-slow);display:block;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}&:hover{color:var(--gray-900)}&[aria-current=page]{color:var(--black)}&:hover:has(+ul li a[aria-current=page]){color:var(--gray-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(--fs-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-sm);background:var(--white);padding:var(--space-md);border-radius:var(--br-sm);opacity:0;visibility:hidden;transition-duration:var(--transition-base);z-index:5;flex-direction:column;display:flex;position:absolute;top:110%;left:-20%;transform:translateY(-5px)}}}}}footer{width:100%;font-weight:var(--fw-normal);color:var(--white);background:linear-gradient(135deg, var(--quaternary) 0%, var(--quaternary) 30%, var(--secondary) 100%);padding:var(--space-lg) var(--space-md);margin-top:var(--space-6xl);align-items:center;gap:var(--space-sm);grid-template-columns:1fr auto 1fr;display:grid;@media (width<=650px){gap:var(--space-xl);grid-template-columns:1fr}&>div>a{color:var(--white);transition-duration:var(--transition-fast);text-decoration:none;&:hover{color:var(--tertiary)}}&>div{text-align:center;gap:var(--space-md);font-size:var(--fs-md);grid-column:2;grid-template-columns:1fr;display:grid;@media (width<=650px){grid-column:1}}& nav{gap:var(--space-md);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:var(--white);font-size:var(--fs-base);transition-duration:var(--transition-base);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-dark:#7a1f2f;--septenary-light:#92ccc9;--septenary-dark:#005f5a;--white:#fff;--gray-50:#fafafa;--gray-100:#f3f3f3;--gray-200:#f0f0f0;--gray-300:#dedede;--gray-400:#b2adad;--gray-500:#a3a3a3;--gray-600:#818181;--gray-700:#707070;--gray-800:#2c2c2c;--gray-900:#262626;--gray-950:#1e1e1e;--black:#000;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--error-hover:#da4040;--info:#00a082;--sprint:#ffb6b6;--middle:#ffcc80;--long:#ffffb6;--hurdles:#d6ffb6;--road:#d5d5d5;--field:#b3d9ff;--combined:#f9e050;--walk-road:#c7c7c7;--walk-track:#ffb3e6;--relays:#b6ffeb;--gold:#c3a600;--silver:silver;--bronze:#cd7f32;--google-sheets-primary:#0ebc5f;--google-sheets-secondary:#78c9ff;--javascript:#f7df1e;--javascript-secondary:#323330;--excel:#1f7144;--font-primary:"Franklin Gothic Medium", "Verdana", "Arial Narrow", Arial, sans-serif;--fs-xs:clamp(.625rem, .575rem + .25vw, .75rem);--fs-sm:clamp(.75rem, .7rem + .25vw, .875rem);--fs-base:clamp(.875rem, .825rem + .25vw, 1rem);--fs-md:clamp(1rem, .95rem + .25vw, 1.125rem);--fs-lg:clamp(1.125rem, 1.075rem + .25vw, 1.25rem);--fs-xl:clamp(1.25rem, 1.15rem + .5vw, 1.5625rem);--fs-2xl:clamp(1.5625rem, 1.4rem + .8125vw, 1.875rem);--fs-3xl:clamp(1.875rem, 1.625rem + 1.25vw, 2.5rem);--fs-4xl:clamp(2.5rem, 2.125rem + 1.875vw, 3.125rem);--space-xs:clamp(.125rem, .05rem + .375vw, .3125rem);--space-sm:clamp(.3125rem, .2625rem + .25vw, .5rem);--space-md:clamp(.5rem, .4rem + .5vw, .75rem);--space-lg:clamp(.75rem, .65rem + .5vw, 1rem);--space-xl:clamp(1rem, .9rem + .5vw, 1.25rem);--space-2xl:clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--space-3xl:clamp(1.5rem, 1.3rem + 1vw, 2rem);--space-4xl:clamp(2rem, 1.6rem + 2vw, 3rem);--space-5xl:clamp(3rem, 2.2rem + 4vw, 4rem);--space-6xl:clamp(4rem, 2.8rem + 6vw, 5rem);--container-inside-sm:min(250px, 100%);--container-inside:min(400px, 100%);--container-outside-sm:min(400px, 90%);--container-outside:min(650px, 90%);--shadow-md:0 4px 8px #0000004d;--shadow-lg:0 8px 16px #0006;--bw-thin:1px;--bw-medium:2px;--bw-thick:3px;--bw-xl:4px;--bw-2xl:5px;--br-xs:4px;--br-sm:8px;--br-md:12px;--br-lg:16px;--br-xl:20px;--br-full:99px;--fw-light:300;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--ls-tight:-.02em;--ls-normal:0;--ls-medium:.02em;--ls-wide:.05em;--ls-extra-wide:.1em;--lh-tight:1.2;--lh-normal:1.5;--lh-medium:1.6;--lh-relaxed:1.75;--transition-fast:.15s;--transition-base:.25s;--transition-slow:.35s}*{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--fs-base)}body{min-height:100vh;font-family:var(--font-primary);background:linear-gradient(to right, color-mix(in srgb, var(--quaternary) 50%, transparent), color-mix(in srgb, var(--primary) 50%, transparent))}main{&>h1,&>p{text-align:center;margin:var(--space-lg);margin-top:var(--space-xs)}&>h1{color:var(--black);font-size:var(--fs-3xl)}&>p{color:var(--gray-700);font-size:var(--fs-xl);margin-bottom:var(--space-xl)}&>section,&>aside{background:var(--gray-50);border-radius:var(--br-xl);padding:var(--space-xl);width:var(--container-outside);box-shadow:var(--shadow-md);margin:var(--space-2xl) auto}&>section{& h2{color:var(--color);font-size:var(--fs-2xl);margin-bottom:var(--space-lg);border-bottom:var(--bw-thick) solid var(--border-bottom);padding-bottom:var(--space-sm);letter-spacing:var(--ls-medium)}& h3{color:var(--color);font-size:var(--fs-xl);margin-bottom:var(--space-md);border-bottom:var(--bw-medium) dashed var(--border-bottom);padding-bottom:var(--space-xs);letter-spacing:var(--ls-medium)}& p{font-size:var(--fs-base);line-height:var(--lh-medium);color:var(--gray-900);margin-bottom:var(--space-lg);&>a{color:var(--secondary-dark);font-weight:var(--fw-medium);transition:var(--transition-fast);text-decoration-thickness:1.5px;&:hover{color:var(--secondary-hover)}}}}}