/* Selected A: the original EU and programme marks share a compact white frame.
   Their shapes, colours and proportions stay intact; only the divider moves. */
.eupm{display:grid;gap:12px;list-style:none;margin:0;padding:0;min-width:0}
.eupm__row{display:grid;grid-template-columns:166px minmax(0,1fr);align-items:center;gap:20px;padding:8px 0;position:relative;min-width:0}
.eupm__row+.eupm__row{border-top:1px solid var(--rule)}
.eupm__strip{display:grid;grid-template-columns:74px 1px 62px;gap:7px;align-items:center;justify-content:center;width:166px;background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:7px;padding:8px 5px;position:relative;min-width:0}
.eupm__eu{display:block;width:74px;height:auto;max-width:100%;object-fit:contain;filter:none}
.eupm__divider{display:block;position:relative;overflow:hidden;height:40px;background:#e5e5e7}
.eupm__divider:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#9fadb9,transparent);animation:eupm-divider 8s linear infinite;animation-play-state:paused}
.eupm.is-visible .eupm__divider:after{animation-play-state:running}
.page-hidden .eupm__divider:after{animation-play-state:paused}
.eupm__mark{display:grid;place-items:center;width:62px;height:62px;background:#fff;border-radius:5px;overflow:hidden;min-width:0}
.eupm__crop{display:block;position:relative;width:82%;aspect-ratio:254/198;overflow:hidden}
.eupm__crop .eupm__image{display:block;position:absolute;max-width:none;height:auto;object-fit:contain;filter:none;mix-blend-mode:normal}
.eupm__crop--ciep .eupm__image{width:299.2126%;left:-95.6693%;top:-16.1616%}
.eupm__crop--opic{aspect-ratio:644/499}
.eupm__crop--opic .eupm__image{width:167.3913%;left:-35.4037%;top:-26.4529%}
.eupm__crop--recovery{width:72%;aspect-ratio:230/225;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.eupm__crop--recovery .eupm__image{width:248.2609%;left:-76.087%;top:0}
.eupm__label{min-width:0;text-align:left}
.eupm__label strong{display:block;color:var(--fg);font:600 14px/1.3 var(--font-sans);overflow-wrap:anywhere}
.eupm__label span{display:block;color:var(--fg-2);font:400 14px/1.35 var(--font-sans);margin-top:4px;overflow-wrap:anywhere}
.eupm__label small{display:block;color:var(--fg-3);font:400 11px/1.4 var(--font-sans);margin-top:7px;overflow-wrap:anywhere}
@keyframes eupm-divider{from{transform:translateY(-100%)}to{transform:translateY(100%)}}
@media(max-width:1100px){
 .eupm__row{grid-template-columns:150px minmax(0,1fr);gap:15px}
 .eupm__strip{width:150px;grid-template-columns:64px 1px 54px;gap:8px}
 .eupm__eu{width:64px}.eupm__mark{width:54px;height:54px}
}
@media(max-width:760px){
 .eupm{gap:9px}
 .eupm__row{grid-template-columns:140px minmax(0,1fr);gap:15px;padding-block:7px}
 .eupm__strip{width:140px;grid-template-columns:62px 1px 48px;gap:7px;padding:7px 4px}
 .eupm__eu{width:62px}.eupm__mark{width:48px;height:48px}
}
@media(max-width:380px){
 .eupm__row{grid-template-columns:122px minmax(0,1fr);gap:11px}
 .eupm__strip{width:122px;grid-template-columns:54px 1px 44px;gap:5px;padding-inline:3px}
 .eupm__eu{width:54px}.eupm__mark{width:44px;height:44px}
 .eupm__label strong,.eupm__label span{font-size:13px}
 .eupm__label small{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.eupm__divider:after{animation:none;opacity:.35}}