/* ahrun.css v5 (chest3 art; v4 = after-hours1: run mascot beside the heading block, shared live-time pill). v3 (chest1 art). v2: shared after-hours run mascot (.h4-run). Loops while in view, paused out of view (ahrun.js). Reduced motion: still. v2: ahrun.js sets the 1x/2x sheet inline; image-set here is the no-JS-pick fallback. */
@keyframes ahrx{from{background-position-x:0}to{background-position-x:125%}}
@keyframes ahry{from{background-position-y:0}to{background-position-y:133.333%}}
html body .h4-run.go:not(#_):not(#_):not(#_){animation:ahrx .41667s steps(5) infinite,ahry 1.66667s steps(4) infinite;animation-play-state:paused}
html body .h4-run.go.on:not(#_):not(#_):not(#_){animation-play-state:running}
html body .h4-run.go:not(#_):not(#_):not(#_){background-image:image-set(url(assets/m/after-hours-run-n3fd.webp?v=nov4fl2) 1x,url(assets/m/after-hours-run-2x-n3fd.webp?v=nov4fl2) 2x)}
html body .h4-run.st:not(#_):not(#_):not(#_){background-image:image-set(url(assets/m/after-hours-run-still-n3c.webp?v=nov3col1) 1x,url(assets/m/after-hours-run-still-2x-n3c.webp?v=nov3col1) 2x);background-position:0 0;background-size:100% 100%;background-repeat:no-repeat;animation:none}
@media(prefers-reduced-motion:reduce){html body .h4-run.go:not(#_):not(#_):not(#_){animation:none;background-position:0 0;background-size:100% 100%}}

/* v4 after-hours1: heading block (.h4-ahh) = eyebrow, title, intro, live Tampa Bay time pill. The run mascot sits at its right: antenna top on the eyebrow top, soles on the pill bottom (sprite visible area = 8.54%..91.87% of the cell, so cell = 120% of the block, shifted up 10.25%). Phones: fixed small size, soles on the pill bottom. */
html body #after-hours .h4-ahw .h4-ahh:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_){position:relative;display:flex;flex-direction:column;align-items:flex-start;grid-column:1/-1;grid-row:auto;min-width:0}
html body #after-hours .h4-ahw .h4-ahh>.eb:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_),html body #after-hours .h4-ahw .h4-ahh>h2:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_),html body #after-hours .h4-ahw .h4-ahh>.h4-lead:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_){padding-right:0;grid-column:auto;grid-row:auto;align-self:stretch}
html body #after-hours .h4-ahw .h4-ahh>.eb:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_){margin-bottom:6px}
html body #after-hours .h4-ahw .h4-ahh .h4-run:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_){position:absolute;grid-column:auto;grid-row:auto;align-self:auto;margin:0;right:3%;top:-10.25%;bottom:auto;height:120%;width:auto;aspect-ratio:218/246;z-index:0}
html body #after-hours .h4-ahw .h4-ahh>.eb:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_),html body #after-hours .h4-ahw .h4-ahh>h2:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_),html body #after-hours .h4-ahw .h4-ahh>.h4-lead:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_),html body #after-hours .h4-ahw .h4-ahh>.h4-pill .clock:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_){position:relative;z-index:1}
html body #after-hours .h4-ahw .h4-pill:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_){display:contents;padding:0!important}
html body #after-hours .h4-ahw .h4-pill .clock:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_){display:flex;align-items:center;justify-content:flex-start;gap:8px;width:fit-content;max-width:100%;box-sizing:border-box;margin:14px 0 0;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:14px;white-space:nowrap}
html body #after-hours .h4-ahw .h4-pill .clock[hidden]:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_){display:flex;visibility:hidden}
html body #after-hours .h4-ahw .h4-pill .clock>span:not(.live):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_){display:block;flex:0 1 auto;text-align:left;overflow:hidden;text-overflow:ellipsis}
html body #after-hours .h4-ahw .h4-pill .clock .live:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_){width:8px;height:8px;margin:0;align-self:center;flex:0 0 8px;position:relative;top:0;border-radius:50%;background:#3BD16F;box-shadow:0 0 0 0 rgba(59,209,111,.7);animation:live 2s infinite}
html body #after-hours .h4-ahw .h4-pill .clock .ck-s:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_){display:none}
@media(min-width:700px) and (max-width:999.98px){html body #after-hours .h4-ahw .h4-ahh:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_){padding-right:38vw}
html body #after-hours .h4-ahw .h4-ahh .h4-run:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_){top:auto;height:min(120%,40vw);bottom:calc(min(120%,40vw)*-.0813)}}
@media(max-width:699.98px){html body #after-hours .h4-ahw .h4-ahh>.h4-lead:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_){padding-right:112px}
html body #after-hours .h4-ahw .h4-ahh .h4-run:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_){top:auto;bottom:-10px;right:0;height:auto;width:108px}
html body #after-hours .h4-ahw .h4-ahh .h4-pill .clock:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_){max-width:calc(100% - 118px);white-space:normal;border-radius:18px}
html body #after-hours .h4-ahw .h4-ahh .h4-pill .clock>span:not(.live):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_){overflow:visible}}
@media(max-width:480px){html body #after-hours .h4-ahw .h4-pill .clock:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_){font-size:clamp(12px,3.45vw,14px);padding:6px 14px}
html body #after-hours .h4-ahw .h4-pill .clock .ck-l:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_){display:none}
html body #after-hours .h4-ahw .h4-pill .clock .ck-s:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_){display:inline}}
@media(prefers-reduced-motion:reduce){html body #after-hours .h4-ahw .h4-pill .clock .live:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_){animation:none}}