/* Deltas de la página "evicted" sobre demo.css, que aporta el layout base.
   Vive separada de los tiers a propósito: mudarse no depende de si la base es
   test, demo o train, así que hay una sola página y un solo lugar donde
   cambiarle el aspecto. */

/* El acento coral es el de "levantando"; acá el estado es otro y conviene que se
   lea distinto de un vistazo. */
.content.state-waking h1 .accent { color: var(--adhoc-violeta); }

/* "La mudanza está tardando más de lo habitual" es más largo que el título del
   estado inicial: sin esto se come 4-5 renglones de la columna. */
.content.state-delayed h1 { font-size: 38px; }

/* La flecha de traslado no es decorativa: refuerza que la base se está moviendo,
   no esperando. Se detiene con prefers-reduced-motion. */
.illustration path[stroke-dasharray] {
  animation: dash-shift 1.4s linear infinite;
}

@keyframes dash-shift {
  to { stroke-dashoffset: -26; }
}

@media (prefers-reduced-motion: reduce) {
  .illustration path[stroke-dasharray] { animation: none; }
}