:root{--navy:#10256a;--red:#900b0e;--ink:#252734;--muted:#626979;--paper:#faf9f6;--border:#d7d5ce}
*{box-sizing:border-box}
html{background:var(--paper);color:var(--ink)}body{margin:0;font:15px/1.55 Arial,Helvetica,sans-serif;background:repeating-linear-gradient(144deg,transparent 0 59px,rgba(49,44,54,.017) 60px,transparent 62px);min-height:100vh}
.page{max-width:990px;margin:0 auto;padding:24px clamp(16px,4.5vw,52px) 48px}
a{color:var(--navy)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #83aafa;outline-offset:3px}[hidden]{display:none!important}
.masthead{display:flex;gap:18px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding:0 0 21px}
.identity{display:flex;gap:13px;align-items:center;color:var(--navy);text-decoration:none}.logo{object-fit:contain;width:94px;height:auto;max-height:48px}.brand-divider{height:34px;width:2px;background:var(--navy)}.identity-name{font-size:13px;letter-spacing:1.2px;font-weight:900;line-height:1.15}
.portal-link{font-size:12px;font-weight:900;letter-spacing:.045em;text-decoration:none;border-bottom:2px solid var(--red);padding:6px 0;color:var(--navy)}.portal-link:hover{color:var(--red)}
.hero{padding:48px 0 26px}.hero-label,.eyebrow{display:block;font-size:11px;font-weight:900;letter-spacing:1.5px;color:var(--navy)}.hero-label{margin-bottom:18px}.blue-strip{display:inline-block;background:var(--navy);color:white;font-weight:900;letter-spacing:-.052em;line-height:1;padding:14px 19px 15px;font-size:clamp(24px,6vw,54px)}h1{font-weight:900;color:var(--red);font-size:clamp(55px,10.5vw,98px);letter-spacing:-.08em;line-height:.88;margin:18px 0 22px}.period{color:var(--navy)}.hero-description{font-size:18px;color:#454b5a;max-width:530px;margin:0 0 21px}.state-pill{display:inline-flex;align-items:center;gap:9px;color:#18345b;border:1px solid #a9b9d2;background:#f0f4fb;border-radius:2px;font-size:11px;letter-spacing:.07em;font-weight:900;padding:9px 11px}.state-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#286948}.state-separator{color:#a3adc0}
.notice{border:1px solid #c4c7ce;border-left:5px solid var(--navy);background:#f1f3f8;padding:19px 20px;margin:16px 0 27px;color:#3b4963}.notice strong{display:block;font-size:13px;letter-spacing:.025em;color:var(--navy)}.notice p{margin:6px 0 0;font-size:14px}.notice a{font-weight:800;text-underline-offset:3px}
.panel{background:#fff;border:1px solid var(--border);border-top:6px solid var(--navy);padding:clamp(18px,4vw,30px);box-shadow:0 10px 34px rgba(20,29,45,.055)}.panel-title{display:flex;justify-content:space-between;gap:10px;align-items:center}.rightlabel{color:var(--muted);font-size:10px;letter-spacing:.05em;font-weight:800}.panel h2{font-size:clamp(29px,5vw,42px);line-height:1;font-weight:900;letter-spacing:-.045em;color:var(--red);margin:17px 0 10px}.detail{margin:0 0 24px;font-size:14px;color:var(--muted)}.input-label{font-weight:900;letter-spacing:.06em;font-size:12px;color:var(--navy);display:block;margin:0 0 9px}.search-row{display:flex;gap:10px}.search-row input{min-width:0;flex:1;border:1px solid #a9b2bf;background:#fff;border-radius:2px;color:var(--ink);padding:14px 14px;font-size:18px;min-height:53px}.button{display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:8px;border:0;border-radius:2px;padding:16px 20px;color:white!important;text-decoration:none;background:var(--red);font-size:14px;font-weight:900;letter-spacing:.045em;line-height:1.2;min-height:53px}.button:hover{background:#b31c25}.main-button{white-space:nowrap}.feedback{color:#5d6678;font-size:13px;min-height:22px;margin:15px 0}.feedback.error{color:#aa1721}.results{display:grid;gap:9px}.result{width:100%;border:1px solid #cdd2dc;background:#f7f8fb;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:12px;color:var(--navy)}.result b{display:block;font-size:18px;line-height:1.25;overflow-wrap:anywhere}.result small{display:block;color:#636e84;font-size:12px;margin-top:3px}.result .arrow{font-size:24px;font-weight:900;color:var(--red)}.result.official{background:var(--navy);color:#fff;border-color:var(--navy)}.result.official small,.result.official .arrow{color:#fff}.result:hover{border-color:var(--red);box-shadow:inset 4px 0 var(--red)}
.runner-profile{margin-top:24px;background:#fff;border:1px solid var(--border)}.profile-head{background:var(--navy);color:white;padding:24px 27px}.profile-head .eyebrow{color:#bbd1ff}.profile-head h2{font-size:clamp(30px,6vw,52px);line-height:1.02;letter-spacing:-.055em;margin:13px 0 5px;overflow-wrap:anywhere}.profile-challenge{font-size:13px;letter-spacing:.05em;font-weight:800;color:#e9efff}.runner-status{display:inline-block;margin-top:18px;border:1px solid #7585bc;font-size:12px;padding:5px 10px;font-weight:900;letter-spacing:.04em}.back-button{display:block;background:transparent;border:0;color:#fff;text-decoration:underline;text-underline-offset:4px;font-size:11px;font-weight:900;margin-left:auto;padding:6px}.profile-body{padding:24px 27px}.progress-top{display:flex;justify-content:space-between;align-items:center;color:var(--navy);font-weight:900;font-size:12px;letter-spacing:.06em;gap:10px}.progress-top strong{font-size:20px;color:var(--red)}.progress-numbers{font-size:clamp(26px,5vw,38px);font-weight:900;letter-spacing:-.03em;color:var(--red);margin:12px 0}.progress-track{height:15px;background:#e2e6ef;overflow:hidden}.progress-track div{height:100%;width:0%;background:linear-gradient(to right,var(--navy),var(--red));transition:width 300ms ease}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 12px}.metrics>div{padding:14px;background:#f3f5fa;border:1px solid #dbe0eb}.metrics span,.speed-grid span{display:block;font-size:11px;letter-spacing:.04em;font-weight:800;color:#677189}.metrics strong,.speed-grid strong{display:block;font-size:19px;color:var(--navy);margin-top:4px}.updated{font-size:13px;color:#66748a}.action-panel{border-left:5px solid var(--red);background:#f6f7fa;padding:20px;margin-top:22px}.action-panel h3{font-size:clamp(23px,5vw,32px);line-height:1.1;color:var(--red);letter-spacing:-.04em;margin:10px 0}.action-panel p{font-size:14px;color:#576174}.full-button{width:100%;margin-top:12px;font-size:clamp(15px,2.7vw,19px);padding:19px 12px}
.speed-panel{background:#f0f3f8;border:1px solid #d2d8e4;padding:22px 27px;margin-top:24px}.speed-panel h2{font-size:26px;color:var(--navy);font-weight:900;letter-spacing:-.04em;margin:7px 0}.speed-panel p{font-size:13px;color:#59667c;max-width:650px}.speed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.speed-grid>div{padding:12px;background:#fff;border:1px solid #dce1ed}.speed-grid strong{font-size:22px}footer{display:flex;gap:14px;flex-wrap:wrap;justify-content:space-between;border-top:1px solid var(--border);margin-top:29px;padding:19px 0;font-size:11px;font-weight:700;color:#7a8190;letter-spacing:.045em}
@media(max-width:640px){.page{padding-top:17px}.masthead{gap:8px}.logo{width:73px}.identity-name{font-size:10px}.portal-link{font-size:10px}.hero{padding-top:37px}h1{font-size:clamp(52px,13vw,77px)}.hero-description{font-size:16px}.search-row{display:grid}.rightlabel{display:none}.button{width:100%}.profile-head,.profile-body{padding:20px}.metrics{grid-template-columns:1fr 1fr}.metrics>div:last-child{grid-column:1/-1}.speed-grid{grid-template-columns:1fr 1fr}.speed-grid>div:last-child{grid-column:1/-1}.result b{font-size:16px}}
@media(prefers-reduced-motion:reduce){.progress-track div{transition:none}}