/* Pace panel inside the client's Total Reach card. Shown only when the SADA team switches it on. */
#heroCard{flex-wrap:wrap}
#heroCard .hero-body{flex:1 1 300px;min-width:0}
.hero-pace{flex:0 1 470px;min-width:0;padding-inline-start:1.75rem;border-inline-start:1px solid var(--border)}
.hero-pace[hidden]{display:none}
.pace-head{display:flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}
.pace-head b{color:var(--accent-dark);font-weight:800;letter-spacing:.02em}
.pace-info{flex:0 0 auto;display:grid;place-items:center;width:17px;height:17px;padding:0;border-radius:50%;border:1px solid var(--border-strong);background:transparent;color:var(--text-muted);font:600 .6rem/1 'Inter',sans-serif;cursor:pointer;transition:color .15s,border-color .15s}
.pace-info:hover,.pace-info[aria-expanded="true"]{border-color:var(--accent);color:var(--accent-dark)}
.pace-info:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pace-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem;margin:.8rem 0 0}
.pace-stats dt{font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}
.pace-stats dd{margin:.25rem 0 0;font-family:'Inter',sans-serif;font-size:1.3rem;font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--black);font-variant-numeric:tabular-nums;white-space:nowrap}
.pace-stats small{display:block;margin-top:.15rem;font-size:.68rem;color:var(--text-muted)}
.pace-live{display:flex;align-items:center;gap:.45rem;margin-top:.9rem;font-size:.74rem;color:var(--text-secondary)}
.pace-live i{flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pacePulse 2.2s infinite}
.pace-live b{color:var(--black);font-weight:800;font-variant-numeric:tabular-nums}
@keyframes pacePulse{0%{box-shadow:0 0 0 0 rgba(200,169,110,.5)}70%{box-shadow:0 0 0 7px rgba(200,169,110,0)}100%{box-shadow:0 0 0 0 rgba(200,169,110,0)}}
.pace-note{margin-top:.55rem;max-width:44ch;font-size:.7rem;line-height:1.5;color:var(--text-muted)}
@media (max-width:1000px){.hero-pace{flex:1 1 100%;padding:1.2rem 0 0;border-inline-start:0;border-top:1px solid var(--border)}}
@media (max-width:600px){
 #heroCard .hero-body{flex:0 0 auto;width:100%}
 .pace-head{justify-content:center;flex-wrap:wrap}
 .pace-stats{grid-template-columns:1fr 1fr;gap:1rem .8rem}
 .pace-live{justify-content:center;text-align:start}
 .pace-note{margin-inline:auto}
}
@media (prefers-reduced-motion:reduce){.pace-live i{animation:none}}