/* Desktop comparison only; the existing English mobile race remains unchanged. */
#different .delivery-en{display:none}
@media(min-width:761px){
  #different .race.de-source{display:none}
  #different .delivery-en{display:block;margin-top:32px;padding:20px 26px 22px;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden}
  #different .delivery-en:focus-visible{outline:2px solid var(--magenta);outline-offset:3px}
  #different .de-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}
  #different .de-toolbar strong{font-size:16px;font-weight:650;color:var(--ink)}
  #different .de-toolbar button{display:flex;align-items:center;border:0;background:transparent;color:var(--ink-2);font:inherit;font-size:13px;padding:8px 4px;cursor:pointer;min-height:36px}
  #different .de-toolbar button:hover{color:var(--magenta)}
  #different .de-toolbar button:focus-visible{outline:2px solid var(--magenta);outline-offset:3px;border-radius:5px}
  #different .delivery-en>svg{display:block;width:100%;height:auto;overflow:visible;font-family:var(--body)}
  #different .de-frame{fill:#faf9fc;stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke}
  #different .de-task rect{fill:#fff;stroke:#b9acc9;stroke-width:1.2;vector-effect:non-scaling-stroke}
  #different .de-task text{font-size:15px;font-weight:500;fill:#4f465b}
  #different .de-task{opacity:1;transition:opacity 80ms linear,transform 80ms ease-out}
  #different .de-task.pending{opacity:0;transform:translateX(-6px)}
  #different .de-link{fill:none;stroke:#b4a5c4;stroke-width:1.6;vector-effect:non-scaling-stroke;transition:stroke-dashoffset 70ms linear}
  #different .de-coordination-box{fill:none;stroke:var(--magenta);stroke-opacity:.3;vector-effect:non-scaling-stroke}
  #different .de-coordination{fill:var(--magenta);font-size:14px;font-weight:500}
  #different .de-cursor{stroke:#b7acbe;stroke-dasharray:3 5;vector-effect:non-scaling-stroke}
  #different .de-badge{opacity:0;transform:scale(.85);transform-box:fill-box;transform-origin:center;transition:opacity 250ms ease-out,transform 350ms cubic-bezier(.2,.8,.2,1)}
  #different .de-badge.shown{opacity:1;transform:scale(1)}
  #different .de-badge text{font-family:var(--display);font-size:28px;font-weight:700}
  #different .de-slow rect{fill:#fff0f6;stroke:#f3d5e2}
  #different .de-slow text{fill:#b64273}
  #different .de-fast-row{opacity:0;transition:opacity 200ms ease-out}
  #different .de-fast-row.shown{opacity:1}
  #different .de-progress{fill:none;stroke:var(--magenta);stroke-width:3}
  #different .de-fast-node rect{fill:var(--magenta)}
  #different .de-fast-node text{fill:#fff;font-size:15px;font-weight:600}
  #different .de-result text{fill:#fff}
  #different .de-foot{margin-top:12px;font-size:13px;line-height:1.6;color:var(--ink-3)}
  #different .de-foot b{color:var(--magenta)}
}
@media(min-width:761px) and (max-width:1000px){
  #different .delivery-en{padding:16px}
  #different .delivery-en>svg{min-width:930px}
  #different .delivery-en{overflow-x:auto}
}
@media(prefers-reduced-motion:reduce){#different .delivery-en *{transition:none!important}}