/* Static value placeholders retain the surrounding card and label layout. */
html:not([data-value-motion="off"]) [data-value-state]{position:relative}
html:not([data-value-motion="off"]) [data-value-state="pending"]{color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important;min-inline-size:5ch}
html:not([data-value-motion="off"]) [data-value-state="pending"]::after{content:"";position:absolute;inset-inline-end:0;top:50%;transform:translateY(-50%);inline-size:min(100%,9ch);block-size:.65em;border-radius:4px;background:#e5e7ea;pointer-events:none}
html:not([data-value-motion="off"]) :is([data-card-year],[data-card-spec])[data-value-state="pending"]{display:inline-block;min-block-size:1em}
html:not([data-value-motion="off"]) [data-card-spec][data-value-state="pending"]{min-inline-size:14ch}
html:not([data-value-motion="off"]) [data-value-state="refreshing"]{opacity:.45}
html:not([data-value-motion="off"]) [data-value-state="refreshing"]::after{content:"다시 계산 중";position:absolute;inset-inline-end:0;top:-1em;white-space:nowrap;font-size:9px;line-height:1;color:#647080}
html:not([data-value-motion="off"]) .config-footer [data-value-state="pending"]::after{background:#ffffff73}
html:not([data-value-motion="off"]) .config-footer [data-value-state="refreshing"]::after{color:inherit}