/*
 * Marcador de posición de una acción de un test (/test/:id/<accion>), sobre la superficie de
 * marca. Usa el encabezado de marca y, si el test o la acción no existen, el 404 del detalle.
 */
.test-action__column {
  width: 100%;
  max-width: calc(var(--content-max) + 48px);
  margin-inline: auto;
  padding-top: max(var(--space-4), env(safe-area-inset-top));
  padding-bottom: max(var(--space-10), env(safe-area-inset-bottom));
  padding-inline:
    max(24px, env(safe-area-inset-left))
    max(24px, env(safe-area-inset-right));
}

.test-action__body {
  margin-top: var(--space-12);
}

.test-action__title {
  font-size: clamp(1.25rem, 5.4vw, 1.5rem);
  font-weight: var(--weight-black);
  line-height: 1.12;
  letter-spacing: var(--text-display-tracking);
}

.test-action__test {
  margin-top: var(--space-2);
  font-size: var(--text-heading);
  font-weight: var(--weight-bold);
  line-height: 1.25;
  text-wrap: balance;
}

.test-action__note {
  margin-top: var(--space-4);
  color: var(--brand-text-muted);
  font-size: var(--text-body);
  line-height: 1.5;
}