/* A compact row: equal columns, centered values and consistent label baselines. */
.statement-experience { width:min(100%,640px); min-height:120px; margin:clamp(36px,4vw,52px) auto 0; text-align:center; }
.experience-counters,.experience-loading { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:clamp(16px,2vw,28px); min-height:120px; }
.experience-counter { min-width:0; min-height:120px; }
.experience-value { margin:0 0 12px; color:var(--theme-ink); font:700 min(clamp(64px,5.8vw,84px),calc(270px / var(--counter-digits,3)))/1 var(--font-heading); letter-spacing:-.055em; font-variant-numeric:tabular-nums; white-space:nowrap; }
.experience-suffix { display:inline-block; margin-inline-start:3px; vertical-align:top; padding-top:4px; font-size:.45em; letter-spacing:0; }
.experience-suffix:empty { display:none; }
.experience-counter .experience-label { margin:0; color:var(--theme-muted); font:500 12px/1.45 var(--font-body); text-wrap:balance; }
.experience-sr { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.experience-loading span { display:block; justify-self:center; width:70%; height:110px; border-radius:6px; background:var(--theme-raised); }
.experience-loading[hidden],.experience-counters[hidden],.experience-message[hidden] { display:none; }
.experience-message { min-height:120px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:12px; color:var(--theme-muted); font:400 13px/1.5 var(--font-body); }
.experience-message p { margin:0; }
.experience-retry { min-height:44px; padding:8px 16px; border:1px solid var(--theme-line); border-radius:22px; background:transparent; color:var(--theme-ink); font:500 13px/1.5 var(--font-body); cursor:pointer; }
.experience-retry:focus-visible { outline:2px solid var(--theme-accent); outline-offset:4px; }
@media(max-width:760px) {
 .statement-experience { margin-top:36px; min-height:100px; }
 .experience-counters,.experience-loading,.experience-counter,.experience-message { min-height:100px; }
 .experience-value { margin-bottom:10px; font-size:min(clamp(38px,12vw,52px),calc(170px / var(--counter-digits,3))); }
 .experience-counter .experience-label { max-width:12ch; min-height:2.9em; margin-inline:auto; font-size:11px; }
 .experience-loading span { height:90px; }
}