/* The four original SELA initials stay intact; only their English suffixes reveal. */
.value-symbol.value-word-symbol{width:100%;min-width:0}
.value-word-control{position:relative;display:flex;align-items:flex-end;justify-content:flex-end;direction:ltr;width:100%;max-width:100%;min-width:0;padding:0;border:0;border-radius:3px;background:none;color:var(--navy);text-align:left;line-height:1;cursor:pointer;isolation:isolate}
.value-word-control .logo-letter{flex-shrink:0}
.value-word-suffix{display:block;flex:0 1 auto;min-width:0;max-width:0;padding-left:0;overflow:hidden;opacity:0;color:var(--orange-text);font-family:Arial,Helvetica,sans-serif;font-size:clamp(16px,1.5vw,22px);font-weight:600;line-height:1.2;letter-spacing:-.025em;white-space:nowrap;direction:ltr;transform:translateX(-8px);transition:max-width .42s var(--ease,ease),padding-left .42s var(--ease,ease),opacity .28s ease,transform .42s var(--ease,ease)}
.value-word-control.is-expanded .value-word-suffix{max-width:calc(100% - var(--value-initial-width) - 4px);padding-left:4px;opacity:1;transform:none}
.value-word-control:focus-visible{outline:2px solid var(--orange-text);outline-offset:6px}
.values-interaction-hint{max-width:780px;padding-inline-start:14px;border-inline-start:2px solid var(--orange);margin:0 0 28px;font-size:14px;line-height:1.8;color:var(--muted);text-align:start}
html.reduce-motion .value-word-suffix{transition:none;transform:none}
@media(prefers-reduced-motion:reduce){html:not(.allow-motion) .value-word-suffix{transition:none;transform:none}}
@media(max-width:600px){.value-word-suffix{font-size:14px}}
