/* Local refinement of the approved live visual; no other page components change. */
.rep-thumb-refine .reputation-hand-down{opacity:.55}
.rep-thumb-refine .rep-thumb-up{opacity:.38}
.service-visual-reputation.rep-thumb-refine .reputation-scale-labels text{text-anchor:middle;font-variant-numeric:tabular-nums}
.rep-thumb-refine .rep-ref-step-bg{fill:#0a344a;stroke:#36798a;stroke-width:1;fill-opacity:0;stroke-opacity:0}
.rep-thumb-refine .rep-ref-step{--rep-step-animation:rep-step-one}
.rep-thumb-refine .rep-ref-step-2{--rep-step-animation:rep-step-two}
.rep-thumb-refine .rep-ref-step-3{--rep-step-animation:rep-step-three}
.rep-thumb-refine.is-live .rep-ref-step-bg{animation:var(--rep-step-animation) 8s ease-in-out .35s infinite}
.rep-thumb-refine.is-live .reputation-scale-progress{animation:rep-review-progress 8s linear .35s infinite}
.rep-thumb-refine.is-live .reputation-scale-marker{animation:rep-review-marker 8s linear .35s infinite}
.rep-thumb-refine.is-live .rep-thumb-up{animation:rep-review-ready 8s ease-in-out .35s infinite}
.rep-thumb-refine .reputation-mobile-scale svg{width:28px;height:28px}
.rep-thumb-refine .reputation-mobile-graphic li{position:relative;padding:6px 8px;border:1px solid transparent;border-radius:10px}
.rep-thumb-refine.is-live .reputation-mobile-graphic li{animation:var(--rep-step-animation) 8s ease-in-out .35s infinite}
.rep-thumb-refine.is-live .reputation-mobile-scale i:before{animation:rep-review-progress 8s linear .35s infinite}
@keyframes rep-step-one{0%,8%,36%,100%{fill-opacity:0;stroke-opacity:0;background-color:transparent;border-color:transparent}14%,30%{fill-opacity:1;stroke-opacity:1;background-color:#0a344a;border-color:#36798a}}
@keyframes rep-step-two{0%,30%,58%,100%{fill-opacity:0;stroke-opacity:0;background-color:transparent;border-color:transparent}36%,52%{fill-opacity:1;stroke-opacity:1;background-color:#0a344a;border-color:#36798a}}
@keyframes rep-step-three{0%,52%,100%{fill-opacity:0;stroke-opacity:0;background-color:transparent;border-color:transparent}58%,88%{fill-opacity:1;stroke-opacity:1;background-color:#0a344a;border-color:#36798a}}
@keyframes rep-review-progress{0%{transform:scaleX(0);opacity:0}8%{transform:scaleX(0);opacity:1}74%,88%{transform:scaleX(1);opacity:1}96%{transform:scaleX(1);opacity:0}100%{transform:scaleX(0);opacity:0}}
@keyframes rep-review-marker{0%{transform:translateX(-538px);opacity:0}8%{transform:translateX(-538px);opacity:1}74%,88%{transform:translateX(0);opacity:1}96%{transform:translateX(0);opacity:0}100%{transform:translateX(-538px);opacity:0}}
@keyframes rep-review-ready{0%,70%,100%{opacity:.38;filter:none}76%,88%{opacity:1;filter:drop-shadow(0 0 7px #52dce955)}}
/* Compact tablets: keep labels legible without scaling the whole diagram. */
@media(min-width:1024px) and (max-width:1194px) and (min-height:601px) and (max-height:800px) and (orientation:landscape){
 .rep-thumb-refine .build-bay-head>span{font-size:12px!important}
 .rep-thumb-refine .build-bay-status>span{font-size:12px!important}
 .rep-thumb-refine .build-bay-status b{font-size:13px!important}
}
@media(min-width:1051px) and (max-width:1194px) and (min-height:601px) and (max-height:800px) and (orientation:landscape){
 .rep-thumb-refine .service-diagram text[data-hc-font]{font-size:calc(var(--hc-floor-font) * 12 / 11)!important}
 .rep-thumb-refine .service-diagram .reputation-signal-message[data-hc-font],.rep-thumb-refine .rep-ref-step>text:last-child[data-hc-font]{font-size:calc(var(--hc-floor-font) * 13 / 11)!important}
}
@media(min-width:744px) and (max-width:768px) and (orientation:portrait){
 .rep-thumb-refine .build-bay-head>span{font-size:12px!important}
}
@media(min-width:744px) and (max-width:760px) and (orientation:portrait){
 [data-hero-composition].service-visual-reputation.rep-thumb-refine .build-bay-status>span{font-size:12px!important}
 [data-hero-composition].service-visual-reputation.rep-thumb-refine .build-bay-status b{font-size:13px!important}
 [data-hero-composition].service-visual-reputation.rep-thumb-refine .reputation-mobile-graphic>small{font-size:12px!important}
}
/* Phone portrait: readable stacked captions, including the narrow 320px view. */
@media(max-width:699px) and (orientation:portrait){
 [data-hero-composition].service-visual-reputation.rep-thumb-refine .build-bay-status{grid-template-columns:minmax(0,1fr);gap:7px}
 [data-hero-composition].service-visual-reputation.rep-thumb-refine .build-bay-status>span{padding:10px 12px;font-size:12px!important;text-align:center;white-space:normal}
 [data-hero-composition].service-visual-reputation.rep-thumb-refine .build-bay-status b{font-size:14px!important;white-space:normal}
}
@media(prefers-reduced-motion:reduce){
 .rep-thumb-refine .reputation-scale-progress,.rep-thumb-refine .reputation-scale-marker,.rep-thumb-refine .reputation-mobile-scale i:before{animation:none!important;transform:none!important}
 .rep-thumb-refine .rep-ref-step-bg,.rep-thumb-refine .reputation-mobile-graphic li,.rep-thumb-refine .rep-thumb-up{animation:none!important}
 .rep-thumb-refine .rep-thumb-up{opacity:1}
}

/* Approved status sizes also override the portrait thumb refinement. */
body .build-bay.service-visual-reputation.rep-thumb-refine>.build-bay-status>span{font-size:10px!important}
body .build-bay.service-visual-reputation.rep-thumb-refine>.build-bay-status>span>b{font-size:12px!important}
@media(max-width:760px){body .build-bay.service-visual-reputation.rep-thumb-refine>.build-bay-status>span>b{font-size:11px!important}}