.live-body{background:#f7f4fb;color:#28163a}
.live-body .site-header{background:#fff;border-bottom-color:#e9e0ef}
.live-body .brand,.live-body nav a,.live-body .nav-button{color:#511078}
.live-body .brand span{color:#073d9f}
.live-body .brand .live-brand-logo{position:relative;display:block;width:190px;height:56px;overflow:hidden}
.live-body .brand .live-brand-logo img{position:absolute;top:50%;left:50%;display:block;width:244px;max-width:none;height:auto;transform:translate(-50%,-50%)}
.live-body .container{max-width:1540px;padding-top:28px}

.live-header{position:relative;display:flex;align-items:flex-end;min-height:286px;overflow:hidden;text-align:left;border:0;border-radius:18px;background:#4b0b70;padding:36px 40px}
.live-hero-image,.live-hero-shade{position:absolute;inset:0;width:100%;height:100%}
.live-hero-image{object-fit:cover;object-position:center 53%}
.live-hero-shade{background:linear-gradient(90deg,rgba(39,3,63,.94) 0%,rgba(67,8,102,.8) 45%,rgba(56,10,88,.27) 100%)}
.live-header-content{position:relative;z-index:1;max-width:810px;color:#fff}
.live-header .eyebrow{color:#e0b9fa;font-size:12px;letter-spacing:.18em}
.live-header .eyebrow span{color:#f0e7fb}
.live-header h1{margin:8px 0 9px;text-transform:uppercase;font-size:clamp(52px,6vw,88px);line-height:.9;overflow-wrap:anywhere}
.live-header p:not(.eyebrow){max-width:650px;margin:0 0 16px;color:#f0e9f6;font-size:clamp(15px,1.6vw,19px);line-height:1.45;white-space:pre-line}
.live-header p:not(.eyebrow):empty{display:none}
.live-status{background:#f1e4fa;color:#5b1681;padding:7px 14px;border-radius:6px;font-size:11px}
.live-status.is-running{background:#671090;color:#fff}

.live-stats{position:relative;z-index:2;gap:12px;margin:-19px 16px 16px}
.live-stats>div{min-width:0;padding:20px 24px;text-align:left;background:#fff;border:1px solid #e9e0ef;border-radius:12px;box-shadow:0 8px 24px rgba(67,18,90,.08)}
.live-stats span{color:#786986;font-size:11px;letter-spacing:.15em}
.live-stats strong{margin-top:6px;color:#5b1182;font-size:clamp(36px,4.4vw,61px);line-height:.95;white-space:nowrap}
.live-stats>div:last-child strong{color:#063d9c}

.live-current{grid-template-columns:minmax(0,1.7fr) minmax(130px,.55fr) minmax(205px,.85fr);gap:0;min-height:135px;margin-bottom:16px;padding:0;background:#fff;color:#42115e;border:1px solid #e9e0ef;border-radius:12px;overflow:hidden;box-shadow:0 4px 18px rgba(67,18,90,.04)}
.live-current>div{min-width:0;padding:25px 30px}
.live-current>div:first-child{border-left:5px solid #671090}
.live-current>div:nth-child(2){border-left:1px solid #ebe2ef}
.live-current>div:last-child{align-self:stretch;background:#581078;color:#fff}
.live-current p{color:#766583;opacity:1;font-size:11px;letter-spacing:.16em}
.live-current>div:last-child p{color:#e7c9f8}
.live-current h2,.live-current strong{font-size:clamp(42px,5vw,67px);line-height:1.05;overflow-wrap:anywhere}
.live-swimmer-identity{display:flex;align-items:center;gap:18px;min-width:0}
.live-swimmer-identity h2{min-width:0}
.live-swimmer-avatar{display:grid;flex:none;place-items:center;width:72px;height:72px;overflow:hidden;border-radius:50%;background:#ede0f6;color:#581078;font-family:'Grenadine MVB',Arial,sans-serif;font-size:29px;font-weight:800;line-height:1}
.live-swimmer-avatar[hidden]{display:none}
.live-swimmer-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.live-current>div:last-child strong{color:#fff}

.live-results{padding:25px 26px;background:#fff;border:1px solid #e9e0ef;border-radius:12px;box-shadow:0 4px 18px rgba(67,18,90,.04)}
.live-results .section-heading{align-items:center;margin-bottom:20px}
.live-results .section-heading h2{color:#42115e;font-size:clamp(29px,3vw,38px)}
.live-results .eyebrow{color:#671090}
.live-dot{display:inline-flex;align-items:center;white-space:nowrap;color:#705d7e;background:#f3eef7;border-radius:5px;padding:8px 11px;font-size:11px;letter-spacing:.1em}
.live-dot.is-live{color:#5d0f84;background:#f1e4fa}
.live-results .table-wrap{border:1px solid #e9e0ef;border-radius:8px}
.live-results th{background:#56117b;color:#fff;font-size:11px}
.live-results td{color:#392c48;border-color:#eee7f2;font-size:clamp(14px,1.3vw,19px)}
.live-results td:first-child{color:#887995}
.live-results tbody tr:nth-child(even){background:#fbf9fd}
.live-results .active-row{background:#f1e7f8!important}
.live-results .running-cell{color:#0645aa}
#results-table{--no-width:56px;--swimmer-width:190px;--distance-width:130px;--time-width:130px}
#results-table :is(th,td):first-child{width:var(--no-width);min-width:var(--no-width);max-width:var(--no-width)}
#results-table :is(th,td):nth-child(2){left:var(--no-width);width:var(--swimmer-width);min-width:var(--swimmer-width);max-width:var(--swimmer-width);box-shadow:none}
#results-table :is(th,td):nth-child(3){position:sticky;left:calc(var(--no-width) + var(--swimmer-width));z-index:2;width:var(--distance-width);min-width:var(--distance-width);max-width:var(--distance-width)}
#results-table :is(th,td):nth-child(4){position:sticky;left:calc(var(--no-width) + var(--swimmer-width) + var(--distance-width));z-index:2;width:var(--time-width);min-width:var(--time-width);max-width:var(--time-width);box-shadow:8px 0 12px -10px #28163a}
#results-table thead :is(th:nth-child(3),th:nth-child(4)){z-index:3}
#results-table tbody :is(td:nth-child(-n+4)){background:#fff}
#results-table tbody tr:nth-child(even) :is(td:nth-child(-n+4)){background:#fbf9fd}
#results-table .active-row :is(td:nth-child(-n+4)){background:#f1e7f8}
#results-table thead :is(th:nth-child(-n+4)){background:#56117b}
#results-table thead :is(th:nth-child(3),th:nth-child(4)){white-space:normal;line-height:1.2}

@media(max-width:850px){.live-current{grid-template-columns:1fr 1fr}.live-current>div:first-child{grid-column:1/-1;border-bottom:1px solid #ebe2ef}.live-current>div:nth-child(2){border-left:5px solid #671090}.live-current>div:last-child{border-radius:0}}
@media(max-width:600px){.live-body .container{padding:15px 12px 50px}.live-header{min-height:270px;padding:24px 20px;border-radius:12px}.live-hero-shade{background:linear-gradient(90deg,rgba(39,3,63,.94),rgba(67,8,102,.58))}.live-header .eyebrow{font-size:10px}.live-header h1{font-size:clamp(46px,11vw,68px)}.live-stats{gap:6px;margin:-12px 6px 12px}.live-stats>div{padding:13px 8px;border-radius:8px}.live-stats span{font-size:8px;letter-spacing:.07em}.live-stats strong{font-size:clamp(25px,6.5vw,38px)}.live-current>div{padding:17px 15px}.live-current h2,.live-current strong{font-size:clamp(37px,9vw,51px)}.live-results{padding:18px 12px}.live-results .section-heading{gap:8px}.live-results .section-heading h2{font-size:28px}.live-dot{font-size:9px;padding:7px}}
@media(max-width:600px){.live-swimmer-identity{gap:12px}.live-swimmer-avatar{width:54px;height:54px;font-size:22px}}
@media(max-width:600px){#results-table{--no-width:30px;--swimmer-width:86px;--distance-width:76px;--time-width:76px}#results-table :is(th,td):nth-child(-n+4){padding-left:5px;padding-right:5px}#results-table thead :is(th:nth-child(3),th:nth-child(4)){font-size:9px;letter-spacing:0}#results-table tbody :is(td:nth-child(3),td:nth-child(4)){font-size:13px}}
@media(max-width:360px){#results-table{--no-width:28px;--swimmer-width:75px;--distance-width:66px;--time-width:66px}#results-table :is(th,td):nth-child(-n+4){padding-left:4px;padding-right:4px}}
